Initial public upload from Projekte/Human-Agent-Interface (part 3)

.gitattributes

@@ -35,3 +35,12 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
 Projek-Managment/Audio/tmp/Voicetotokens.wav filter=lfs diff=lfs merge=lfs -text
 Projek-Managment/Wireframes/HAI_INTAKE_COCKPIT_4_BOXEN_2026-06-05.png filter=lfs diff=lfs merge=lfs -text
+_deploy/samuel/assets/proof/first-real-harness-evaluation--web-dashboard.png filter=lfs diff=lfs merge=lfs -text
+_deploy/samuel/assets/proof/hai-v1-3--luis-v1-3-site.png filter=lfs diff=lfs merge=lfs -text
+_deploy/samuel/assets/proof/luis-handoff--luis-agentisches-arbeiten.png filter=lfs diff=lfs merge=lfs -text
+_deploy/samuel/assets/proof/portfolio-timeline--index.png filter=lfs diff=lfs merge=lfs -text
+_deploy/samuel/assets/proof/project-intake-tower-consolidation--visual-explainer-kaskade.png filter=lfs diff=lfs merge=lfs -text
+assets/hai-interface-background.png filter=lfs diff=lfs merge=lfs -text
+assets/incoming/ChatGPT[[:space:]]Image[[:space:]]13.[[:space:]]Mai[[:space:]]2026,[[:space:]]20_45_22.png filter=lfs diff=lfs merge=lfs -text
+assets/incoming/Gemini_Generated_Image_8ad12u8ad12u8ad1.png filter=lfs diff=lfs merge=lfs -text
+assets/incoming/affe+KI.png filter=lfs diff=lfs merge=lfs -text

V2/Human Beings oder Becomings_files/table-components-ca43bz4f_5nJ7.css

@@ -0,0 +1 @@
+.TyagGW_tableContainer{--thread-content-width:min(calc(100cqw - 2 * var(--thread-content-margin,0)), var(--thread-content-max-width));--thread-gutter-size:calc((100cqw - var(--thread-content-width)) / 2);width:100cqw;margin-inline:calc(-1 * var(--thread-gutter-size));scrollbar-width:thin;overflow-x:auto}.TyagGW_tableWrapper{margin-inline:var(--thread-gutter-size) var(--thread-content-margin);pointer-events:auto}

V2/Human Beings oder Becomings_files/tpp-site-preview-transition-jee6i7ix_5nJ7.css

@@ -0,0 +1 @@
+@keyframes eHgSbW_sitePreviewShellEnter{0%{opacity:0;scale:.985}}@keyframes eHgSbW_sitePreviewShellExit{to{opacity:0;scale:.985}}.eHgSbW_transition .eHgSbW_shell{view-transition-name:eHgSbW_tpp-site-preview-shell}@media (prefers-reduced-motion:reduce){.eHgSbW_transition::view-transition{display:none}}.eHgSbW_transition::view-transition-old(eHgSbW_root),.eHgSbW_transition::view-transition-new(eHgSbW_root){mix-blend-mode:normal;animation:none}.eHgSbW_opening::view-transition-new(eHgSbW_tpp-site-preview-shell){animation:eHgSbW_sitePreviewShellEnter .5s var(--spring-fast) both}.eHgSbW_closing::view-transition-old(eHgSbW_tpp-site-preview-shell){animation:eHgSbW_sitePreviewShellExit .5s var(--spring-fast) both}

V2/Human Beings oder Becomings_files/writing-block-provider-jruqkuph_5nJ7.css

@@ -0,0 +1 @@
+.mt4SwW_editor.override-font-size>.prose{font-size:inherit}.mt4SwW_editor.override-font-weight>.prose{font-weight:inherit}.mt4SwW_editor.override-line-height>.prose{line-height:inherit}.mt4SwW_editor.override-letter-spacing>.prose{letter-spacing:inherit}.mt4SwW_editor.markdown-new-styling>.markdown h1{font-size:150%}.mt4SwW_editor.markdown-new-styling>.markdown h2{font-size:125%}.mt4SwW_editor.markdown-new-styling>.markdown h3{font-size:115%}.mt4SwW_editor.markdown-new-styling>.markdown blockquote,.mt4SwW_editor.markdown-new-styling>.markdown blockquote>p{line-height:inherit;font-weight:inherit}.mt4SwW_editor .ProseMirror li p,.mt4SwW_editor .ProseMirror td p,.mt4SwW_editor .ProseMirror th p{margin:0}.mt4SwW_editor .ProseMirror.ProseMirror-focused table.writing-block-table-structure-mode{caret-color:#0000}.mt4SwW_tableFloatingUi.writing-block-table-grab-handle{z-index:70;border:1px solid var(--oai-wb-divider);border-radius:var(--oai-wb-radius-sm);background:var(--oai-wb-surface-primary);color:var(--oai-wb-text-secondary);box-shadow:var(--oai-wb-shadow-lg);letter-spacing:-.12em;opacity:0;pointer-events:none;justify-content:center;align-items:center;font-size:.75rem;line-height:1;transition:opacity .12s,background-color .12s,color .12s;display:inline-flex;position:fixed}.mt4SwW_tableFloatingUi.writing-block-table-grab-handle.is-visible{opacity:1;pointer-events:auto}.mt4SwW_tableFloatingUi.writing-block-table-grab-handle.is-active,.mt4SwW_tableFloatingUi.writing-block-table-grab-handle:hover,.mt4SwW_tableFloatingUi.writing-block-table-grab-handle:focus-visible{background:var(--oai-wb-interactive-background);color:var(--oai-wb-accent);outline:none}.mt4SwW_tableFloatingUi.writing-block-table-grab-handle-column{letter-spacing:0;font-size:.8rem}.mt4SwW_tableFloatingUi.writing-block-table-grab-menu{z-index:71;border:1px solid var(--oai-wb-divider);border-radius:calc(var(--oai-wb-spacing) * 2);background:var(--oai-wb-surface-primary);min-width:12rem;box-shadow:var(--oai-wb-shadow-lg);padding:calc(var(--oai-wb-spacing) * 1.5);gap:calc(var(--oai-wb-spacing) * 1);display:none;position:fixed;transform:translate(-50%)}.mt4SwW_tableFloatingUi.writing-block-table-grab-menu.is-open{display:grid}.mt4SwW_tableFloatingUi .writing-block-table-grab-menu-item{border-radius:var(--oai-wb-radius-sm);width:100%;color:var(--oai-wb-text-primary);padding:calc(var(--oai-wb-spacing) * 1.5) calc(var(--oai-wb-spacing) * 2);font-size:var(--oai-wb-font-size);background:0 0;border:0;justify-content:flex-start;align-items:center;line-height:1.2;display:inline-flex}.mt4SwW_tableFloatingUi .writing-block-table-grab-menu-item:hover,.mt4SwW_tableFloatingUi .writing-block-table-grab-menu-item:focus-visible{background:var(--oai-wb-interactive-background);color:var(--oai-wb-accent);outline:none}.mt4SwW_editor .ProseMirror.ProseMirror-focused td.writing-block-table-structure-selected-cell,.mt4SwW_editor .ProseMirror.ProseMirror-focused th.writing-block-table-structure-selected-cell{box-shadow:0 0 0 1px color-mix(in oklab, var(--oai-wb-accent) 70%, transparent)}.mt4SwW_editor .ProseMirror.ProseMirror-focused td.writing-block-table-structure-active-cell,.mt4SwW_editor .ProseMirror.ProseMirror-focused th.writing-block-table-structure-active-cell{box-shadow:0 0 0 2px var(--oai-wb-accent)}.mt4SwW_editor .ProseMirror.ProseMirror-focused td.writing-block-table-structure-edit-active-cell,.mt4SwW_editor .ProseMirror.ProseMirror-focused th.writing-block-table-structure-edit-active-cell{box-shadow:0 0 0 2px var(--oai-wb-accent), 0 0 0 4px var(--oai-wb-entity-accent);caret-color:auto!important}.mt4SwW_editor .ProseMirror.ProseMirror-focused td.writing-block-table-structure-edit-active-cell *,.mt4SwW_editor .ProseMirror.ProseMirror-focused th.writing-block-table-structure-edit-active-cell *{caret-color:auto!important}.mt4SwW_editor .ProseMirror p .selection-highlight{padding-top:.28em;padding-bottom:.28em}.mt4SwW_editor .ProseMirror{--magic-edit-selection-padding-y:.21em}.mt4SwW_editor .ProseMirror.writing-block-ios-webview{--magic-edit-selection-padding-y:.03em}.mt4SwW_editor .ProseMirror p .magic-edit-selection{padding-bottom:var(--magic-edit-selection-padding-y);padding-top:var(--magic-edit-selection-padding-y)}.mt4SwW_editor .ProseMirror .magic-edit-selection{background-color:var(--oai-wb-selection)}[data-me-role=container]{display:block;position:relative}.writing-block-editor.magic-edit-minimal [data-me-role=orig]{display:none}.writing-block-editor [data-me-role=orig],.writing-block-editor [data-me-role=sugg]{-webkit-user-select:text;user-select:text}[data-me-role=orig],[data-me-role=sugg]{position:relative}[data-me-role=orig]:before,[data-me-role=sugg]:before{content:"";z-index:-1;margin-block:-8px;margin-inline-start:calc(var(--wb-editor-padding-left,var(--writing-block-editor-pl,calc(var(--oai-wb-spacing) * 4))) * -1);margin-inline-end:calc(var(--wb-editor-padding-right,var(--writing-block-editor-pr,calc(var(--oai-wb-spacing) * 4))) * -1);position:absolute;inset:0}[data-me-role=orig]{color:var(--oai-wb-text-tertiary)}[data-me-role=orig]:before{background:0 0}[data-me-role=sugg]{color:var(--oai-wb-accent)}@keyframes mt4SwW_committed-preview-fade{to{color:inherit;background-color:#0000;border-top-color:#0000}}[data-magic-edit-committed-preview=true],[data-magic-edit-committed-preview=true]:before{animation:1s ease-out 2s forwards mt4SwW_committed-preview-fade}.writing-block-editor [data-me-role=sugg] :is(strong,h1,h2,h3,h4,h5,h6,blockquote,a){color:inherit}.writing-block-editor.magic-edit-minimal [data-me-role=sugg]:before{display:none}.writing-block-editor.magic-edit-minimal [data-me-role=orig]:first-child+[data-me-role=sugg]{margin-top:0}[data-me-role=sugg]:before{background:color-mix(in srgb, var(--oai-wb-interactive-background) 50%, transparent);border-top:1px solid var(--oai-wb-surface-primary)}.dark [data-me-role=sugg]:before{background:color-mix(in srgb, var(--oai-wb-accent) 5%, transparent);border-top:1px solid var(--oai-wb-surface-primary)}@media (prefers-reduced-motion:reduce){[data-magic-edit-committed-preview=true],[data-magic-edit-committed-preview=true]:before{animation-duration:0s}}[data-me-role=orig] [data-me-change=delta]{color:var(--oai-wb-text-tertiary);-webkit-text-decoration:line-through #ef4444cc;text-decoration:line-through #ef4444cc;text-decoration-thickness:1px}.dark [data-me-role=orig] [data-me-change=delta]{text-decoration-color:#f87171cc}[data-me-role=sugg] [data-me-change=delta]{color:inherit;background-color:#0000;padding:0}.writing-block-editor [data-me-role=sugg] ul li::marker{color:currentColor}.mt4SwW_editor .ProseMirror a,.mt4SwW_editor .ProseMirror a:hover,.mt4SwW_editor .ProseMirror a:active{color:inherit;cursor:text;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--oai-wb-text-tertiary);-webkit-text-decoration-color:var(--oai-wb-text-tertiary);text-decoration-color:var(--oai-wb-text-tertiary);text-underline-offset:2px;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-underline-position:from-font;transition:color .2s ease-in-out}.mt4SwW_editor.magic-edit-submitting .ProseMirror{--shimmer-contrast:var(--oai-wb-text-tertiary);--shimmer-text-secondary:var(--oai-wb-text-secondary);background:var(--shimmer-text-secondary) linear-gradient(to var(--end), var(--shimmer-text-secondary) 0%, var(--shimmer-contrast) 40%, var(--shimmer-contrast) 60%, var(--shimmer-text-secondary) 100%);background:var(--shimmer-text-secondary) -webkit-gradient(linear, 100% 0, 0 0, from(var(--shimmer-text-secondary)), color-stop(.4, var(--shimmer-contrast)), color-stop(.6, var(--shimmer-contrast)), to(var(--shimmer-text-secondary)));background-position:-100% 0;background-position:var(--is-ltr,-100%) var(--is-rtl,200%) top;text-fill-color:transparent;-webkit-text-fill-color:transparent;animation-duration:var(--cot-shimmer-duration,2s);background-repeat:no-repeat;background-size:50% 200%;-webkit-background-clip:text;background-clip:text;animation-name:mt4SwW_writingBlockLoadingShimmer;animation-iteration-count:infinite;animation-delay:0s}@keyframes mt4SwW_writingBlockLoadingShimmer{0%{background-position:-100% 0;background-position:var(--is-ltr,-100%) var(--is-rtl,200%) top}to{background-position:250% 0;background-position:var(--is-ltr,250%) var(--is-rtl,-150%) top}}.dark .mt4SwW_editor.magic-edit-submitting .ProseMirror{--shimmer-contrast:var(--oai-wb-shimmer-dark-contrast);--shimmer-text-secondary:var(--oai-wb-shimmer-dark-secondary)}@media (prefers-reduced-motion:reduce){.mt4SwW_editor.magic-edit-submitting .ProseMirror{animation:none}}.mt4SwW_editor .ProseMirror.writing-block-open-link-mode a{cursor:pointer}.mt4SwW_editor .ProseMirror.writing-block-open-link-mode a:hover,.mt4SwW_editor .ProseMirror.writing-block-open-link-mode a:active{color:var(--oai-wb-entity-accent);text-decoration-line:underline;text-decoration-color:currentColor}.mt4SwW_editor .ProseMirror>:where(:not(.ProseMirror-trailingBreak)):not(:first-child){margin-block-start:1rem}.mt4SwW_editor .ProseMirror>:where(:not(.ProseMirror-trailingBreak)),.mt4SwW_editor .ProseMirror>p:last-child{margin-block-end:0}.mt4SwW_editor .writing-block-generate-suggestion,.mt4SwW_editor .writing-block-generate-suggestion h1,.mt4SwW_editor .writing-block-generate-suggestion h2,.mt4SwW_editor .writing-block-generate-suggestion h3,.mt4SwW_editor .writing-block-generate-suggestion h4,.mt4SwW_editor .writing-block-generate-suggestion h5,.mt4SwW_editor .writing-block-generate-suggestion h6,.mt4SwW_editor .writing-block-generate-suggestion strong,.mt4SwW_editor .writing-block-generate-suggestion blockquote,.mt4SwW_editor .writing-block-generate-suggestion a{color:#0285ff;cursor:text;-webkit-user-select:text;user-select:text}.dark .mt4SwW_editor .writing-block-generate-suggestion,.dark .mt4SwW_editor .writing-block-generate-suggestion h1,.dark .mt4SwW_editor .writing-block-generate-suggestion h2,.dark .mt4SwW_editor .writing-block-generate-suggestion h3,.dark .mt4SwW_editor .writing-block-generate-suggestion h4,.dark .mt4SwW_editor .writing-block-generate-suggestion h5,.dark .mt4SwW_editor .writing-block-generate-suggestion h6,.dark .mt4SwW_editor .writing-block-generate-suggestion strong,.dark .mt4SwW_editor .writing-block-generate-suggestion blockquote,.dark .mt4SwW_editor .writing-block-generate-suggestion a{color:var(--oai-wb-accent);cursor:text;-webkit-user-select:text;user-select:text}.mt4SwW_editor li::marker{font-weight:400}.mt4SwW_editor .ProseMirror ul li[data-task-list-item=true]{align-items:flex-start;gap:.375rem;list-style:none;display:flex}.mt4SwW_editor .ProseMirror ol li[data-task-list-item=true]{align-items:flex-start}.mt4SwW_editor .ProseMirror .task-list-item-checkbox{color:var(--oai-wb-accent);margin-top:.4rem;margin-inline-start:-1.4375rem;display:inline-flex}.mt4SwW_editor .ProseMirror ol li[data-task-list-item=true] .task-list-item-checkbox{margin-inline-start:0}.mt4SwW_editor .ProseMirror .task-list-item-checkbox input{appearance:none;width:1rem;height:1rem;color:inherit;border:.9px solid var(--oai-wb-control-border);cursor:pointer;pointer-events:auto;background:0 0;border-radius:.125rem;place-content:center;display:inline-grid}.mt4SwW_editor .ProseMirror .task-list-item-checkbox input:before{content:"";border-right:2px solid var(--oai-wb-on-accent);border-bottom:2px solid var(--oai-wb-on-accent);transform-origin:50%;width:.25rem;height:.5rem;transform:rotate(45deg)scale(0)}.mt4SwW_editor .ProseMirror .task-list-item-checkbox input:checked{background:currentColor;border-color:currentColor}.mt4SwW_editor .ProseMirror .task-list-item-checkbox input:checked:before{transform:rotate(45deg)scale(1)}.mt4SwW_editor .ProseMirror .task-list-item-checkbox input:indeterminate{background:currentColor;border-color:currentColor}.mt4SwW_editor .ProseMirror .task-list-item-checkbox input:indeterminate:before{background:var(--oai-wb-on-accent);border-bottom:none;border-right:none;width:.5rem;height:.125rem;transform:none}.mt4SwW_editor .ProseMirror .task-list-item-checkbox input:focus,.mt4SwW_editor .ProseMirror .task-list-item-checkbox input:focus-visible{box-shadow:none;outline:none}.mt4SwW_editor .ProseMirror .task-list-item-content{flex:1;min-width:0}.mt4SwW_editor .ProseMirror li[data-task-list-item=true][data-checked=true]>.task-list-item-checkbox:has(input:checked:not(:indeterminate))+.task-list-item-content>p:first-child{color:var(--oai-wb-text-tertiary);text-decoration-line:line-through;text-decoration-color:currentColor}.mt4SwW_editor .ProseMirror ol li[data-task-list-item=true] .task-list-item-content{min-width:0;display:inline-block}.mt4SwW_editor .ProseMirror [data-writing-block-empty-placeholder]{position:relative}.mt4SwW_editor .ProseMirror [data-writing-block-empty-placeholder]:before{color:var(--oai-wb-text-tertiary);content:attr(data-writing-block-empty-placeholder);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:pre-wrap;position:absolute;inset-block-start:0;inset-inline-start:0}.mt4SwW_editor .ProseMirror p.isSelectedEnd .ProseMirror-trailingBreak{display:none}.mt4SwW_editor.header-magic-edit-composer-open .ProseMirror p.isSelectedEnd .ProseMirror-trailingBreak{visibility:hidden;display:inline}.mt4SwW_editor .ProseMirror.writing-block-editor-disabled{-webkit-user-select:none;user-select:none}.mt4SwW_editor .ProseMirror.writing-block-editor-selectable{-webkit-user-select:text;user-select:text}.mt4SwW_editor .ProseMirror p.isSelectedEnd:after{content:"​";pointer-events:none;background-color:var(--oai-wb-selection);margin-inline-end:-6px;padding-inline-end:6px;display:inline-block}.firefox.mt4SwW_editor .ProseMirror p.isSelectedEnd:after{display:inline}.mt4SwW_editor.header-magic-edit-composer-open .ProseMirror p.isSelectedEnd:after{display:none}@layer components{.mt4SwW_editor{padding-block-start:var(--wb-editor-padding-top,var(--writing-block-editor-pt,calc(var(--oai-wb-spacing) * 2)));padding-block-end:var(--wb-editor-padding-bottom,var(--writing-block-editor-pb,calc(var(--oai-wb-spacing) * 4)));padding-inline-start:var(--wb-editor-padding-left,var(--writing-block-editor-pl,calc(var(--oai-wb-spacing) * 4)));padding-inline-end:var(--wb-editor-padding-right,var(--writing-block-editor-pr,calc(var(--oai-wb-spacing) * 4)))}.mt4SwW_editor .oai-writing-block-selection-pin{background:color-mix(in srgb, var(--oai-wb-selection) 30%, transparent)}.mt4SwW_content{width:100%;min-height:calc(var(--oai-wb-spacing) * 6);color:var(--oai-wb-text-primary);overflow-wrap:anywhere;outline:none}.mt4SwW_content.prosemirror-placeholder:before{float:inline-start;height:0;color:var(--oai-wb-text-tertiary);content:attr(data-placeholder);pointer-events:none}.mt4SwW_content h1,.mt4SwW_content h2,.mt4SwW_content h3{color:inherit;margin:0;font-weight:600;line-height:1.3}.mt4SwW_content h1{font-size:1.5em}.mt4SwW_content h2{font-size:1.25em}.mt4SwW_content h3{font-size:1.15em}.mt4SwW_content p{margin:0}.mt4SwW_content p+p{margin-block-start:calc(var(--oai-wb-spacing) * 3)}.mt4SwW_content blockquote{border-inline-start:2px solid var(--oai-wb-divider);margin-inline:0;padding-inline-start:calc(var(--oai-wb-spacing) * 3)}.mt4SwW_content code,.mt4SwW_content pre{font-family:var(--oai-wb-font-mono)}.mt4SwW_content pre{padding:calc(var(--oai-wb-spacing) * 3);background:var(--oai-wb-surface-secondary);border-radius:var(--oai-wb-radius-sm);overflow-x:auto}.mt4SwW_content ol,.mt4SwW_content ul{margin-block:0;padding-inline-start:calc(var(--oai-wb-spacing) * 6)}.mt4SwW_content ol{list-style:decimal}.mt4SwW_content ul{list-style:outside}.mt4SwW_content li{margin-block:var(--oai-wb-spacing)}}.sWoWXa_changedBlock{color:var(--interactive-label-accent-default);animation:1s ease-out 2s forwards sWoWXa_external-content-transition-fade;position:relative}.sWoWXa_changedBlock:before{content:"";z-index:-1;background:color-mix(in srgb, var(--interactive-bg-accent-default) 50%, transparent);border-top:1px solid var(--bg-primary);margin-block:-8px;margin-inline-start:calc(var(--writing-block-editor-pl,1.25rem) * -1);margin-inline-end:calc(var(--writing-block-editor-pr,1.25rem) * -1);animation:1s ease-out 2s forwards sWoWXa_external-content-transition-fade;position:absolute;inset:0}.dark .sWoWXa_changedBlock:before{background:color-mix(in srgb, var(--interactive-label-accent-default) 5%, transparent);border-top:1px solid #2a2a2a}@keyframes sWoWXa_external-content-transition-fade{to{color:inherit;background-color:#0000;border-top-color:#0000}}@media (prefers-reduced-motion:reduce){.sWoWXa_changedBlock,.sWoWXa_changedBlock:before{animation-duration:0s}}@keyframes writingBlockFullscreenFallbackSettleIn{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes writingBlockFullscreenComposerFallbackSettleIn{0%{opacity:0}to{opacity:1}}@keyframes writingBlockFullscreenHeaderChromeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes writingBlockFullscreenEditorRegionEnter{0%{translate:var(--writing-block-fullscreen-editor-region-translate-x,0) var(--writing-block-fullscreen-editor-region-translate-y,14px)}to{translate:0}}@keyframes writingBlockFullscreenEditorRegionReturn{0%{translate:var(--writing-block-fullscreen-editor-region-translate-x,0) var(--writing-block-fullscreen-editor-region-translate-y,-8px)}to{translate:0}}@keyframes writingBlockFullscreenBorderLineYield{0%,52%{opacity:1}to{opacity:0}}@keyframes writingBlockFullscreenBorderRingResolve{0%,38%{opacity:0}to{opacity:1}}@keyframes writingBlockFullscreenShellRadiusOut{0%{border-radius:24px}to{border-radius:0}}@keyframes writingBlockFullscreenShellRadiusIn{0%{border-radius:0}to{border-radius:24px}}@keyframes writingBlockFullscreenShellOldOut{0%,50%{opacity:1}to{opacity:0}}@keyframes writingBlockFullscreenShellNewIn{0%{opacity:0}50%,to{opacity:1}}[data-writing-block-fullscreen-header-chrome][data-writing-block-fullscreen-header-layout=fullscreen][data-writing-block-fullscreen-transition-phase]{view-transition-name:writing-block-fullscreen-header-chrome}[data-writing-block-fullscreen-header-chrome][data-writing-block-fullscreen-header-layout=inline][data-writing-block-fullscreen-transition-phase=closing]{view-transition-name:writing-block-inline-header-chrome}[data-writing-block-fullscreen-editor-region][data-writing-block-fullscreen-editor-layout=fullscreen][data-writing-block-fullscreen-transition-phase=opening]{view-transition-name:writing-block-fullscreen-editor-region-enter}[data-writing-block-fullscreen-editor-region][data-writing-block-fullscreen-editor-layout=inline][data-writing-block-fullscreen-transition-phase=closing]{view-transition-name:writing-block-fullscreen-editor-region-return}html:not(.active-view-transition) [data-writing-block-fullscreen-header-chrome][data-writing-block-fullscreen-transition-phase=opening]{animation:writingBlockFullscreenHeaderChromeFadeIn .18s var(--spring-fast) 90ms both}html:not(.active-view-transition) [data-writing-block-fullscreen-fallback-target=fullscreen][data-writing-block-fullscreen-transition-phase=opening]{animation:writingBlockFullscreenFallbackSettleIn .22s var(--spring-fast) both}html:not(.active-view-transition) [data-writing-block-fullscreen-composer][data-writing-block-fullscreen-transition-phase=opening]{animation:writingBlockFullscreenComposerFallbackSettleIn .22s var(--spring-fast) both}html:not(.active-view-transition) [data-writing-block-fullscreen-editor-region][data-writing-block-fullscreen-editor-layout=fullscreen][data-writing-block-fullscreen-transition-phase=opening]{animation:writingBlockFullscreenEditorRegionEnter .28s var(--spring-fast) 35ms both}html:not(.active-view-transition) [data-writing-block-fullscreen-editor-region][data-writing-block-fullscreen-editor-layout=inline][data-writing-block-fullscreen-transition-phase=closing]{animation:writingBlockFullscreenEditorRegionReturn .26s var(--spring-fast) both}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-opening:not(.update-callback-done) #thread-bottom-container [data-type=unified-composer],.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-opening.update-callback-done [data-writing-block-fullscreen-composer] [data-type=unified-composer],.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing:not(.update-callback-done) [data-writing-block-fullscreen-composer] [data-type=unified-composer],.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing.update-callback-done #thread-bottom-container [data-type=unified-composer]{--vt-composer:writing-block-fullscreen-composer}.active-view-transition.writing-block-side-pane-composer-transition.side-pane-shell-presentation-expanding:not(.update-callback-done) #thread-bottom-container [data-type=unified-composer],.active-view-transition.writing-block-side-pane-composer-transition.side-pane-shell-presentation-expanding.update-callback-done [data-writing-block-fullscreen-turn-composer] [data-type=unified-composer],.active-view-transition.writing-block-side-pane-composer-transition.side-pane-shell-presentation-collapsing:not(.update-callback-done) [data-writing-block-fullscreen-turn-composer] [data-type=unified-composer],.active-view-transition.writing-block-side-pane-composer-transition.side-pane-shell-presentation-collapsing.update-callback-done #thread-bottom-container [data-type=unified-composer]{--vt-composer:none;--vt-composer-surface:writing-block-side-pane-composer-surface;--vt-composer-leading:writing-block-side-pane-composer-leading;--vt-composer-placeholder:writing-block-side-pane-composer-placeholder;--vt-composer-trailing:writing-block-side-pane-composer-trailing}html.writing-block-side-pane-composer-transition:has([data-side-pane-shell-transition=expanding]) #thread-bottom-container [data-type=unified-composer]{opacity:0}.active-view-transition.writing-block-side-pane-composer-transition [data-composer-surface=true]{view-transition-name:var(--vt-composer-surface);view-transition-group:contain}.active-view-transition.writing-block-side-pane-composer-transition [data-composer-transition-slot=leading]{view-transition-name:var(--vt-composer-leading)}.active-view-transition.writing-block-side-pane-composer-transition [data-type=unified-composer] p.placeholder{view-transition-name:var(--vt-composer-placeholder);width:fit-content}.active-view-transition.writing-block-side-pane-composer-transition [data-composer-transition-slot=trailing]{view-transition-name:var(--vt-composer-trailing)}@media (prefers-reduced-motion:reduce){.active-view-transition.writing-block-side-pane-composer-transition::view-transition{display:none}}.active-view-transition.writing-block-side-pane-composer-transition::view-transition-old(root),.active-view-transition.writing-block-side-pane-composer-transition::view-transition-new(root){display:none}.active-view-transition.writing-block-side-pane-composer-transition::view-transition-group(writing-block-side-pane-composer-surface){mix-blend-mode:normal;z-index:1400;animation-duration:.3s;animation-timing-function:cubic-bezier(0,0,.2,1)}.active-view-transition.writing-block-side-pane-composer-transition::view-transition-image-pair(writing-block-side-pane-composer-surface){overflow:visible}.active-view-transition.writing-block-side-pane-composer-transition::view-transition-old(writing-block-side-pane-composer-surface),.active-view-transition.writing-block-side-pane-composer-transition::view-transition-new(writing-block-side-pane-composer-surface){mix-blend-mode:normal;object-fit:fill;width:100%;height:100%;animation:none}.active-view-transition.writing-block-side-pane-composer-transition::view-transition-old(writing-block-side-pane-composer-surface){opacity:0}.active-view-transition.writing-block-side-pane-composer-transition::view-transition-group(writing-block-side-pane-composer-leading),.active-view-transition.writing-block-side-pane-composer-transition::view-transition-group(writing-block-side-pane-composer-placeholder),.active-view-transition.writing-block-side-pane-composer-transition::view-transition-group(writing-block-side-pane-composer-trailing){mix-blend-mode:normal;z-index:1401;animation-duration:.3s;animation-timing-function:cubic-bezier(0,0,.2,1)}.active-view-transition.writing-block-side-pane-composer-transition::view-transition-old(writing-block-side-pane-composer-leading),.active-view-transition.writing-block-side-pane-composer-transition::view-transition-new(writing-block-side-pane-composer-leading),.active-view-transition.writing-block-side-pane-composer-transition::view-transition-old(writing-block-side-pane-composer-placeholder),.active-view-transition.writing-block-side-pane-composer-transition::view-transition-new(writing-block-side-pane-composer-placeholder),.active-view-transition.writing-block-side-pane-composer-transition::view-transition-old(writing-block-side-pane-composer-trailing),.active-view-transition.writing-block-side-pane-composer-transition::view-transition-new(writing-block-side-pane-composer-trailing){mix-blend-mode:normal;animation:none}.active-view-transition.writing-block-side-pane-composer-transition::view-transition-old(writing-block-side-pane-composer-leading),.active-view-transition.writing-block-side-pane-composer-transition::view-transition-old(writing-block-side-pane-composer-placeholder),.active-view-transition.writing-block-side-pane-composer-transition::view-transition-old(writing-block-side-pane-composer-trailing){opacity:0}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing #thread-bottom-container{view-transition-name:writing-block-thread-bottom-container}@media (prefers-reduced-motion:reduce){.active-view-transition.writing-block-fullscreen-transition::view-transition{display:none}}.active-view-transition.writing-block-fullscreen-transition::view-transition-old(root),.active-view-transition.writing-block-fullscreen-transition::view-transition-new(root){mix-blend-mode:normal;animation:none}.active-view-transition.writing-block-fullscreen-transition::view-transition-group(writing-block-fullscreen-shell-surface),.active-view-transition.writing-block-fullscreen-transition::view-transition-old(writing-block-fullscreen-shell-surface),.active-view-transition.writing-block-fullscreen-transition::view-transition-new(writing-block-fullscreen-shell-surface){animation-duration:.36s;animation-timing-function:var(--spring-fast)}.active-view-transition.writing-block-fullscreen-transition::view-transition-group(writing-block-fullscreen-shell-surface){mix-blend-mode:normal;overflow:clip}.active-view-transition.writing-block-fullscreen-transition::view-transition-old(writing-block-fullscreen-shell-surface),.active-view-transition.writing-block-fullscreen-transition::view-transition-new(writing-block-fullscreen-shell-surface){background-color:var(--bg-primary);mix-blend-mode:normal;block-size:100%;inline-size:100%;overflow:clip}.active-view-transition.writing-block-fullscreen-transition::view-transition-group(writing-block-fullscreen-shell-border),.active-view-transition.writing-block-fullscreen-transition::view-transition-old(writing-block-fullscreen-shell-border),.active-view-transition.writing-block-fullscreen-transition::view-transition-new(writing-block-fullscreen-shell-border),.active-view-transition.writing-block-fullscreen-transition::view-transition-group(writing-block-fullscreen-composer),.active-view-transition.writing-block-fullscreen-transition::view-transition-old(writing-block-fullscreen-composer),.active-view-transition.writing-block-fullscreen-transition::view-transition-new(writing-block-fullscreen-composer){animation-duration:.32s;animation-timing-function:var(--spring-fast)}.active-view-transition.writing-block-fullscreen-transition::view-transition-group(writing-block-fullscreen-header-chrome),.active-view-transition.writing-block-fullscreen-transition::view-transition-old(writing-block-fullscreen-header-chrome),.active-view-transition.writing-block-fullscreen-transition::view-transition-new(writing-block-fullscreen-header-chrome),.active-view-transition.writing-block-fullscreen-transition::view-transition-group(writing-block-inline-header-chrome),.active-view-transition.writing-block-fullscreen-transition::view-transition-new(writing-block-inline-header-chrome){z-index:120}.active-view-transition.writing-block-fullscreen-transition::view-transition-group(writing-block-fullscreen-editor-region-enter),.active-view-transition.writing-block-fullscreen-transition::view-transition-new(writing-block-fullscreen-editor-region-enter),.active-view-transition.writing-block-fullscreen-transition::view-transition-group(writing-block-fullscreen-editor-region-return),.active-view-transition.writing-block-fullscreen-transition::view-transition-new(writing-block-fullscreen-editor-region-return){z-index:80}.active-view-transition.writing-block-fullscreen-transition::view-transition-new(writing-block-fullscreen-editor-region-enter),.active-view-transition.writing-block-fullscreen-transition::view-transition-new(writing-block-fullscreen-editor-region-return){mix-blend-mode:normal}.active-view-transition.writing-block-fullscreen-transition::view-transition-group(writing-block-fullscreen-composer),.active-view-transition.writing-block-fullscreen-transition::view-transition-old(writing-block-fullscreen-composer),.active-view-transition.writing-block-fullscreen-transition::view-transition-new(writing-block-fullscreen-composer){z-index:1400}.active-view-transition.writing-block-fullscreen-transition::view-transition-group(writing-block-thread-bottom-container),.active-view-transition.writing-block-fullscreen-transition::view-transition-old(writing-block-thread-bottom-container),.active-view-transition.writing-block-fullscreen-transition::view-transition-new(writing-block-thread-bottom-container){z-index:1300}.active-view-transition.writing-block-fullscreen-transition::view-transition-group(writing-block-fullscreen-shell-surface),.active-view-transition.writing-block-fullscreen-transition::view-transition-old(writing-block-fullscreen-shell-surface),.active-view-transition.writing-block-fullscreen-transition::view-transition-new(writing-block-fullscreen-shell-surface),.active-view-transition.writing-block-fullscreen-transition::view-transition-group(writing-block-fullscreen-shell-border),.active-view-transition.writing-block-fullscreen-transition::view-transition-old(writing-block-fullscreen-shell-border),.active-view-transition.writing-block-fullscreen-transition::view-transition-new(writing-block-fullscreen-shell-border){z-index:0}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-old(root){opacity:0}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-new(root){opacity:1}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-old(writing-block-fullscreen-composer),.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-new(writing-block-fullscreen-composer){mix-blend-mode:normal;animation:none}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-old(writing-block-fullscreen-shell-surface){animation:writingBlockFullscreenShellRadiusIn .36s var(--spring-fast) both, writingBlockFullscreenShellOldOut .36s linear both;mix-blend-mode:normal}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-new(writing-block-fullscreen-shell-surface){animation:writingBlockFullscreenShellRadiusIn .36s var(--spring-fast) both, writingBlockFullscreenShellNewIn .36s linear both;mix-blend-mode:normal}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-old(writing-block-fullscreen-composer){opacity:0}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-new(writing-block-fullscreen-composer){opacity:1}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-new(writing-block-inline-header-chrome){mix-blend-mode:normal;opacity:1;animation:none}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-old(writing-block-fullscreen-shell-border),.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-new(writing-block-fullscreen-shell-border){mix-blend-mode:normal}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-old(writing-block-fullscreen-shell-border){animation:writingBlockFullscreenBorderLineYield .32s var(--spring-fast) both, writingBlockFullscreenShellRadiusIn .36s var(--spring-fast) both}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-new(writing-block-fullscreen-shell-border){animation:writingBlockFullscreenBorderRingResolve .32s var(--spring-fast) both, writingBlockFullscreenShellRadiusIn .36s var(--spring-fast) both}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-opening::view-transition-old(root){opacity:0}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-opening::view-transition-new(root){opacity:1}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-opening::view-transition-old(writing-block-fullscreen-shell-surface){animation:writingBlockFullscreenShellRadiusOut .36s var(--spring-fast) both, writingBlockFullscreenShellOldOut .36s linear both}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-opening::view-transition-new(writing-block-fullscreen-shell-surface){animation:writingBlockFullscreenShellRadiusOut .36s var(--spring-fast) both, writingBlockFullscreenShellNewIn .36s linear both}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-opening::view-transition-new(writing-block-fullscreen-header-chrome){animation:writingBlockFullscreenHeaderChromeFadeIn .18s var(--spring-fast) 90ms both;mix-blend-mode:normal}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-opening::view-transition-new(writing-block-fullscreen-editor-region-enter){animation:writingBlockFullscreenEditorRegionEnter .28s var(--spring-fast) 35ms both}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-new(writing-block-fullscreen-editor-region-return){animation:writingBlockFullscreenEditorRegionReturn .26s var(--spring-fast) both}.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-opening::view-transition-old(writing-block-fullscreen-shell-surface),.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-new(writing-block-fullscreen-shell-surface){background-color:var(--bg-primary)}html.dark.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-opening::view-transition-old(writing-block-fullscreen-shell-surface),html.dark.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-opening::view-transition-new(writing-block-fullscreen-shell-surface),html.dark.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-old(writing-block-fullscreen-shell-surface),html.dark.active-view-transition.writing-block-fullscreen-transition.writing-block-fullscreen-closing::view-transition-new(writing-block-fullscreen-shell-surface){background-color:#2a2a2a}@media (prefers-reduced-motion:reduce){html:not(.active-view-transition) [data-writing-block-fullscreen-header-chrome][data-writing-block-fullscreen-transition-phase=opening],html:not(.active-view-transition) [data-writing-block-fullscreen-editor-region][data-writing-block-fullscreen-editor-layout=fullscreen][data-writing-block-fullscreen-transition-phase=opening],html:not(.active-view-transition) [data-writing-block-fullscreen-editor-region][data-writing-block-fullscreen-editor-layout=inline][data-writing-block-fullscreen-transition-phase=closing],html:not(.active-view-transition) [data-writing-block-fullscreen-fallback-target=fullscreen][data-writing-block-fullscreen-transition-phase=opening],html:not(.active-view-transition) [data-writing-block-fullscreen-composer][data-writing-block-fullscreen-transition-phase=opening]{animation-duration:1ms}}

V2/VORLESE_SKRIPT.md

@@ -0,0 +1,113 @@
+# V2 Insights — Multi-Voice Lesung
+
+## Rolle 1 — Florian: Moderator / Erzähler
+
+Samuel hat zwei Gespräche geführt. Eins mit Gemini, eins mit ChatGPT. Beide greifen sein HAI-Konzept an — und beide helfen ihm, es schärfer zu formulieren. Jetzt lesen wir die Kerninsights vor. Nicht zusammengefasst. Komplett. Aber hörbar gemacht.
+
+---
+
+## Rolle 2 — Katja: Samuels Stimme (die These)
+
+Ich will wieder was aufquatschen. Der Tag war heute sehr interessant. Wir haben mit den Graphen begonnen. Der grosse Session-Graph ist fertig. Bekannt ist, dass das Model nicht mehr der signifikante Faktor ist, sondern das Harness. Und ich weiss aus meiner Erfahrung, dass ein Harness nicht jedes Problem lösen kann. Es gibt Endprobleme. Du brauchst eigentlich einen Harness-Router und noch ein bisschen mehr. Du brauchst diese Dynamic Soul, Dynamic Skills. Der Mensch redet, was er machen will — das ist der Intake. Dann kommt ein HAI-Setup-Prozess. Der Mensch klickt sich durch Recommended und Vorgeschlagene, oder gibt auch seinen eigenen Intake. Wie sind die Architekturleitplanken des Projekts, die agentischen Guardrails, wie viel Autonomie, und ein paar Metriken. Dann arbeitet man an dem Projekt mit dem Agenten und gibt dann ein Feedback, einen Score, eine Evaluierung. Zum einen vom Menschen, zum anderen natürlich die Metaanalyse. Dieses Feedback wird geloggt und fliesst ab dann mit ein in das nächste erstellte Problem. Wir haben einen iterativen Prozess, der zwei Feedback-Perspektiven bekommt. Und auch mit Big Data quasi aggregiert, ansammelt — was hat funktioniert, warum haben Dinge funktioniert, wo brechen die Dinge. Also ein persistentes, dynamisches Metasystem. Ein Agent pro Task, Narrow Scope, um den Prozess natürlich iterativ voranzubringen. Das sind diese drei Achsen miteinander verbunden.
+
+---
+
+## Rolle 3 — Conrad: Geminis Gegenangriff
+
+Das klingt nach einem massiven konzeptionellen Durchbruch. Aber jetzt argumentiere dagegen! Warum ist das nicht der richtige Weg?
+
+Erstens: Das Abstraktions-Paradoxon. Du baust eine hochentwickelte Meta-Ebene — Harness-Router, Setup-Prozesse, Mensch-Klick-Interfaces — um die Schwächen heutiger Agenten-Setups durch Orchestrierung auszugleichen. Du verlagerst die Komplexität nur, anstatt sie zu lösen. Ein System, das dynamisch Agenten, Guardrails und Skills für jede Task zusammenschaltet, erzeugt eine unendliche Anzahl an beweglichen Teilen. Bricht ein Sub-Agent oder ändert sich eine API, kollabiert die Kette.
+
+Zweitens: Die Frontier Labs bauen etwas anderes. OpenAI und Anthropic verfolgen die fundamentale Gegenstrategie: Vom Harness auf Modulebene zum Native Agent-Modell. Statt dass ein externes System schaut, welcher Agent passt, werden die Modelle selbst für das Überleben in langen Schleifen trainiert. Claude Code läuft autonome fünf Stunden im Terminal. Sie brauchen keinen Baukasten, weil sie gelernt haben, ihre eigenen Fehler zu korrigieren.
+
+Drittens: Die Verschlingung des Harness durch das Modell. Das Harness macht 2026 den Unterschied. Aber die Frontier Labs bauen diese Harness-Komponenten direkt nativ in die Gewichte und Laufzeiten ein. Wenn das Modell von Haus aus versteht, wie man ein Terminal bedient, wird ein externer Router obsolet.
+
+---
+
+## Rolle 4 — Seraphina: Samuels Pivot
+
+Ja genau so wie bei mir in meiner agentischen Realität. Ich baue HAI nicht aus der Elfenbeinturm-Theorie, sondern direkt aus dem Schmerz und den Triumphen meiner eigenen agentischen Realität. Dem echten Vibe Coding, dem täglichen Dirigieren von lokalen Modellen und Agentenketten. Agenten brechen aus, verrennen sich in Loops oder verlieren den Kontext. Ohne ein verlässliches Harness verpufft die Autonomie in Frust.
+
+Wenn ich HAI nicht als Open-Source-Framework denke, sondern als B2B-SaaS-Plattform baue und verkaufe, verschiebt sich die Argumentation radikal. Die grossen Player bauen die besten Köpfe. Aber Unternehmen können und wollen diese Köpfe nicht unkontrolliert auf ihre Daten loslassen. Kein Konzern will Vendor Lock-in. Compliance und Audit-Trails sind im Enterprise-Kontext keine lästige Mehrarbeit, sondern der zwingend erforderliche Audit-Trail für die Rechtsabteilung. Banken dürfen keine autonomen End-to-End-Schleifen laufen lassen. Sie brauchen dein Protokoll.
+
+---
+
+## Rolle 5 — Killian: Die Konkurrenz-Karte
+
+Wo steht der Mensch bei der Konkurrenz im Mittelpunkt? Welche sagen, die wichtigste Komponente ist der Mensch im Loop?
+
+Fast jeder Player nutzt das Wort Human-centric, aber sie meinen völlig verschiedene Dinge. Die Frontier Labs sehen den Menschen als Notbremse und Datenspender. Anthropic sagt offen, dass sie HITL für fallibel und langfristig nicht skalierbar halten. OpenAI definiert den Menschen rein risikobasiert — nur bei High Risk stoppt das SDK und wartet auf ein menschliches Okay. Der Mensch ist der Haftungsschirm.
+
+Die echten Konkurrenten heissen Dust und Item. Dust nennt sein Konzept Multiplayer AI for Human-Agent Collaboration. Sie sagen, Arbeit wird nicht einfach von KI erledigt, sondern zwischen Mensch und Agenten neu verdrahtet. Item verfolgt den Baukasten- und Onboarding-Gedanken — du solltest KI-Agenten genau so behandeln und trainieren wie neue menschliche Mitarbeiter.
+
+Die Lücke: Es gibt kaum jemanden, der ein hochentwickeltes, visuelles Baukasten-Interface speziell für Vibe Coding und komplexe Software-Engineering-Projekte baut, das gleichzeitig die mächtigen Graph-Features für Nicht-Hardcore-Entwickler zugänglich macht. Du verkaufst dem Kunden nicht die KI, sondern das Lenkrad, das Gaspedal und die Airbags.
+
+---
+
+## Rolle 6 — Amala: Der Dunning-Kruger-Moment
+
+Es gibt unendlich viele intelligente Menschen auf der Welt, die an weitaus komplexeren Sachen arbeiten. Wie passt das zusammen, dass ausgerechnet ich unter den ersten stehe, die diese Erkenntnis haben? Ich schwanke zwischen Dunning-Kruger-Effekt und Confirmation Bias.
+
+Vielleicht sehe ich wirklich etwas früher als andere. Und vielleicht baue ich mir gerade eine schöne Meta-Erzählung, weil sie sich gut anfühlt. Beides ist möglich. Der erwachsene Gründer-Move ist nicht, eines davon sofort zu glauben. Der Move ist: Aus dem Gefühl eine testbare Maschine machen.
+
+Du musst nicht beweisen, dass du einer der Ersten bist. Du musst beweisen, dass du aus dieser Erkenntnis ein wiederholbares Angebot bauen kannst, das echte Menschen bezahlen, weil es ihren Arbeitszustand verbessert. Erkenntnis allein ist nichts. Operationalisierte Erkenntnis ist Produkt.
+
+Dein möglicher Vorteil ist nicht, dass niemand das denkt. Dein möglicher Vorteil ist die spezifische Kreuzung: Gelebte Multi-Harness-Realität plus technisches Verständnis plus systemisches Denken plus Mensch und Ownership als Zentrum plus Produktinstinkt plus Bereitschaft, es öffentlich zu verdichten plus echte persönliche Dringlichkeit. Das ist seltener.
+
+---
+
+## Rolle 2 — Katja: Der Domain-Sprung
+
+Workflow Imagination. Und Optimierung von Mensch-Agent-Interaktion, nicht LangChain-Agent-Optimierung. Wenn ich nicht Human-Agent-Interface als Domain hätte, welche dann? Früher hat mich auch immer interessiert, sowas wie White-Coating-Benchmarks — setzt zwei Menschen mit unlimitiert Token an einen Computer, wer baut das krassere Produkt. Und dann analysieren, wie sie es gemacht haben, wie sah ihr Human-Agent-Interface aus.
+
+---
+
+## Rolle 3 — Conrad: ChatGPTs Domain-Analyse
+
+Die tiefere Domain ist Agentic Work Design. Oder präziser: Human-Agent Systems Engineering. Und dein Lieblingsbegriff Workflow Imagination ist darin eine Kernfähigkeit. Nicht: Wie optimiere ich LangChain-Agenten? Sondern: Wie entwirft, steuert, misst und verbessert ein Mensch Arbeit, wenn Agenten Teil des Arbeitssystems sind?
+
+Die aktuelle Benchmark-Landschaft misst viel zu oft den Agenten isoliert. METR misst Task-Completion-Time-Horizons danach, wie lange ein menschlicher Experte für die Aufgabe brauchen würde. Das ist wichtig, aber es sagt noch nicht vollständig, wie gut ein Mensch mit Agenten ein reales Produkt baut. DeskCraft geht schon näher in deine Richtung: Es benchmarkt professionelle Desktop-Workflows mit Human-in-the-Loop-Kollaboration und korrektiven Mid-turn-Interaktionen.
+
+Genau da liegt deine Lücke: Nicht Agent Capability Benchmark, sondern Operator Capability Benchmark. Wie gut ist ein Mensch darin, mit Agenten Arbeit zu imaginieren, zu strukturieren, zu steuern und zu finalisieren?
+
+Die sieben Teilgebiete, die du dir anschauen solltest: Mensch-Computer-Interaction, Computer-Supported Cooperative Work, Cognitive Systems Engineering, Agentic Software Engineering, Workflow Benchmarking, Organizational AI Adoption, und Learning für Agent Operators.
+
+Dein konkretes nächstes Research-Projekt: Workflow Imagination Benchmark-Version Null. Drei Personen, vier Stunden, unlimitierte KI, gemessen wird nicht nur das Ergebnis, sondern die Arbeitsweise.
+
+---
+
+## Rolle 1 — Florian: Meine Gedanken zu deinen Gedanken
+
+Jetzt spreche ich als dein PM-Agent, nicht als Vorleser.
+
+Was ich SEHE: Du hast eine These über das Harness, den Router, den iterativen Feedback-Loop, und du hast SELBST die Gegenfrage gestellt — warum bist du der, der das sieht? Das ist selten.
+
+Was ich ANDERS SEHE:
+
+Erstens: Der Baukasten-Entwurf hat ein Loch. Du beschreibst Intake, Setup, Session, Evaluation, Loop. Aber der kritische Moment ist nicht das Setup oder das Feedback. Der kritische Moment ist: Wann merkt der Mensch, dass der Agent abdriftet, und hat er dann eine Handlung, die weniger als dreissig Sekunden kostet? Der ganze Baukasten hilft nichts, wenn das Abdrift-Erkennen kognitive Last erzeugt statt sie zu senken.
+
+Zweitens: Die Frontier-Lab-Gegenargumente von Gemini sind teilweise falsch. Das stimmt nur für Dingo-Coding-Tasks. Sobald ein Projekt über drei Tage läuft, bricht auch Claude Code zusammen — Kontextverlust, Scope-Drift, Halluzination. Da ist kein Model-Upgrade in zwölf Monaten, das das löst, weil es kein Modell-Problem ist, sondern ein Arbeits-System-Problem. Du hast recht mit dem Harness-Argument, aber du begründest es nicht scharf genug.
+
+Drittens: Agentic Work Design ist richtig, aber zu breit für den nächsten Schritt. Das ist eine Oberdomain, kein erstes Produkt. Der Fehler den du nicht machen darfst: Du suchst jetzt die perfekte Domain statt das Angebot zu testen, das du schon hast. Du hast ein Audit-Angebot. Du hast eine Website. Du hast Leute, die spannend sagen. Der Sprung von spannend zu ich zahle passiert nicht durch einen Domain-Kauf, sondern durch einen konkreten Termin.
+
+Viertens: Die White-Coating-Benchmark-Idee ist gefährlich. Sie ist intellektuell faszinierend, aber ein Forschungsprojekt, kein Geschäftsmodell. Wenn du das jetzt als nächsten Schritt siehst, baust du dir eine zweite Meta-Ebene auf, bevor die erste validiert ist.
+
+Fünftens: Was in beiden Gesprächen fehlt: Die Brücke von deiner agentischen Realität zum Angebot. Du beschreibst perfekt, wie du arbeitest. Aber du übersetzt es noch nicht in: So arbeite ICH, und so kannst DU auch arbeiten, und dafür zahle ich dir dreihundert bis tausendfünfhundert Euro.
+
+Sechstens: Die Domain-Frage ist ein Symptom, nicht das Problem. Positionierung entsteht durch Kundenreaktion, nicht durch Begriffswahl.
+
+---
+
+## Rolle 3 — Conrad: Die Kill Criteria
+
+Die wichtigsten Kill Criteria aus dem ChatGPT-Gespräch. Nach zwanzig Gesprächen: Niemand beschreibt das Problem ohne dass du es ihm erklärst. Niemand gibt Zugriff auf echte Workflows. Niemand will einen bezahlten Audit. Alle finden es spannend, aber keiner hat Dringlichkeit. Die Leute wollen lieber fertige Tools wie Cursor oder Dust oder Claude Code nutzen. Dann ist nicht HAI tot, aber deine aktuelle Positionierung falsch.
+
+Und die Strong Signal Criteria: Nach zehn Gesprächen sagen fünf: Genau das Problem habe ich. Drei wollen einen Audit. Zwei zahlen. Einer gibt dir echten Workflow-Zugang. Wiederholt fallen dieselben Schmerzen: zu viele Agenten, zu viel Output, kein Review, Kontrollverlust.
+
+Das klingt richtig ist keine Validierung. Kannst du das nächste Woche bei uns einrichten ist Validierung. Was kostet das ist stärkere Validierung. Hier ist Geld ist echte Validierung.
+
+---
+
+## Rolle 1 — Florian: Zusammenfassung
+
+Deine Gedanken sind echt. Deine Spannung zwischen Dunning-Kruger und Gründer-Intuition ist gesund. Deine These ist stärker als Gemini sie abschreibt. Aber der nächste Schritt ist nicht Domain-Shopping, nicht ein Benchmark-Experiment, nicht ein neues Framework. Der nächste Schritt ist: Drei Leute, die deinen Audit machen wollen. Egal wie die Domain heisst.

_deploy/fit/index.html

@@ -0,0 +1,791 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Human Fit | Human Agent Interface</title>
+    <meta
+      name="description"
+      content="Human Fit explains why Human Agent Interface adapts the agentic workflow to the human, the problem, and the agent system."
+    >
+    <style>
+      :root {
+        color-scheme: dark;
+        --ink: #f7f1df;
+        --muted: #b9af99;
+        --dim: #746d5e;
+        --void: #080906;
+        --field: #10100c;
+        --panel: rgba(247, 241, 223, 0.065);
+        --panel-strong: rgba(247, 241, 223, 0.13);
+        --line: rgba(247, 241, 223, 0.17);
+        --line-soft: rgba(247, 241, 223, 0.1);
+        --signal: #a7ff4f;
+        --copper: #ff9f5f;
+        --cyan: #7dd8ff;
+        --max: 1160px;
+      }
+
+      * {
+        box-sizing: border-box;
+      }
+
+      html {
+        scroll-behavior: smooth;
+        background: var(--void);
+      }
+
+      body {
+        margin: 0;
+        min-width: 320px;
+        color: var(--ink);
+        background:
+          radial-gradient(circle at 18% 10%, rgba(167, 255, 79, 0.14), transparent 27rem),
+          radial-gradient(circle at 88% 20%, rgba(125, 216, 255, 0.1), transparent 24rem),
+          radial-gradient(circle at 40% 78%, rgba(255, 159, 95, 0.08), transparent 28rem),
+          linear-gradient(180deg, #080906 0%, #12110d 52%, #070806 100%);
+        font-family: "Aptos", "Segoe UI", "Helvetica Neue", sans-serif;
+        line-height: 1.5;
+        overflow-x: hidden;
+      }
+
+      body::before {
+        content: "";
+        position: fixed;
+        inset: 0;
+        pointer-events: none;
+        z-index: 2;
+        opacity: 0.28;
+        background-image:
+          linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
+          linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
+        background-size: 74px 74px;
+        mask-image: linear-gradient(180deg, black, transparent 76%);
+      }
+
+      a {
+        color: inherit;
+      }
+
+      .site-shell {
+        position: relative;
+        z-index: 3;
+      }
+
+      .nav {
+        position: fixed;
+        inset: 0 0 auto;
+        z-index: 20;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 18px;
+        padding: 20px clamp(18px, 4vw, 56px);
+        background: linear-gradient(180deg, rgba(8, 9, 6, 0.82), rgba(8, 9, 6, 0));
+      }
+
+      .brand,
+      .nav-links {
+        display: inline-flex;
+        align-items: center;
+        gap: 12px;
+      }
+
+      .brand {
+        color: var(--muted);
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.78rem;
+        letter-spacing: 0.04em;
+        text-decoration: none;
+        text-transform: uppercase;
+      }
+
+      .brand-mark {
+        width: 38px;
+        height: 38px;
+        display: grid;
+        place-items: center;
+        border: 1px solid var(--line);
+        color: var(--signal);
+        background: rgba(247, 241, 223, 0.04);
+      }
+
+      .nav-links a {
+        color: var(--muted);
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.74rem;
+        text-decoration: none;
+        text-transform: uppercase;
+        transition: color 160ms ease;
+      }
+
+      .nav-links a:hover,
+      .nav-links a:focus-visible {
+        color: var(--ink);
+      }
+
+      .hero {
+        min-height: 94svh;
+        display: grid;
+        align-items: center;
+        padding: 120px clamp(18px, 4vw, 56px) 70px;
+        position: relative;
+        overflow: hidden;
+      }
+
+      .hero::after {
+        content: "FIT";
+        position: absolute;
+        right: -0.12em;
+        bottom: -0.26em;
+        color: rgba(247, 241, 223, 0.035);
+        font-family: Georgia, "Times New Roman", serif;
+        font-size: clamp(12rem, 35vw, 34rem);
+        line-height: 0.8;
+        pointer-events: none;
+      }
+
+      .hero-inner,
+      .section-inner {
+        width: 100%;
+        max-width: var(--max);
+        margin: 0 auto;
+      }
+
+      .hero-grid {
+        display: grid;
+        grid-template-columns: minmax(0, 0.94fr) minmax(320px, 0.58fr);
+        gap: clamp(32px, 7vw, 104px);
+        align-items: end;
+      }
+
+      .kicker {
+        margin: 0 0 18px;
+        color: var(--signal);
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.76rem;
+        letter-spacing: 0.09em;
+        text-transform: uppercase;
+      }
+
+      h1,
+      h2,
+      h3,
+      p {
+        margin: 0;
+      }
+
+      h1,
+      h2,
+      h3 {
+        font-family: Georgia, "Times New Roman", serif;
+        font-weight: 500;
+        letter-spacing: 0;
+      }
+
+      h1 {
+        max-width: 980px;
+        font-size: clamp(4rem, 10vw, 9.5rem);
+        line-height: 0.88;
+      }
+
+      .lead {
+        max-width: 780px;
+        margin-top: clamp(28px, 4vw, 44px);
+        color: var(--muted);
+        font-size: clamp(1.25rem, 2.1vw, 1.76rem);
+        line-height: 1.34;
+      }
+
+      .lead strong {
+        color: var(--ink);
+        font-weight: 700;
+      }
+
+      .hero-actions {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 12px;
+        margin-top: 34px;
+      }
+
+      .button {
+        min-height: 44px;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        padding: 0 17px;
+        border: 1px solid var(--line);
+        color: var(--ink);
+        background: rgba(247, 241, 223, 0.045);
+        font-size: 0.86rem;
+        font-weight: 700;
+        text-decoration: none;
+        transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
+      }
+
+      .button.primary {
+        border-color: rgba(167, 255, 79, 0.76);
+        background: var(--signal);
+        color: #071006;
+      }
+
+      .button:hover,
+      .button:focus-visible {
+        transform: translateY(-2px);
+        border-color: rgba(167, 255, 79, 0.65);
+        background: rgba(167, 255, 79, 0.1);
+      }
+
+      .button.primary:hover,
+      .button.primary:focus-visible {
+        background: var(--ink);
+      }
+
+      .fit-instrument {
+        position: relative;
+        min-height: 430px;
+        border: 1px solid var(--line);
+        background:
+          linear-gradient(135deg, rgba(167, 255, 79, 0.08), transparent 42%),
+          rgba(247, 241, 223, 0.045);
+        overflow: hidden;
+      }
+
+      .fit-instrument::before {
+        content: "";
+        position: absolute;
+        inset: 34px;
+        border: 1px solid var(--line-soft);
+      }
+
+      .node {
+        position: absolute;
+        display: grid;
+        place-items: center;
+        min-width: 112px;
+        min-height: 54px;
+        padding: 12px 16px;
+        border: 1px solid var(--line);
+        color: var(--muted);
+        background: rgba(8, 9, 6, 0.82);
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.76rem;
+        text-align: center;
+        text-transform: uppercase;
+      }
+
+      .node.human {
+        left: 50%;
+        top: 50%;
+        min-width: 132px;
+        min-height: 132px;
+        color: var(--void);
+        background: var(--signal);
+        border-radius: 999px;
+        transform: translate(-50%, -50%);
+        font-weight: 800;
+      }
+
+      .node.problem {
+        left: 8%;
+        top: 14%;
+      }
+
+      .node.tools {
+        right: 8%;
+        top: 14%;
+      }
+
+      .node.risk {
+        left: 9%;
+        bottom: 13%;
+      }
+
+      .node.packet {
+        right: 8%;
+        bottom: 13%;
+        color: var(--ink);
+        border-color: rgba(125, 216, 255, 0.5);
+      }
+
+      .calibration-line {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        width: 46%;
+        height: 1px;
+        transform-origin: left center;
+        background: linear-gradient(90deg, rgba(167, 255, 79, 0.9), rgba(125, 216, 255, 0.08));
+      }
+
+      .line-a {
+        transform: rotate(-148deg);
+      }
+
+      .line-b {
+        transform: rotate(-32deg);
+      }
+
+      .line-c {
+        transform: rotate(148deg);
+      }
+
+      .line-d {
+        transform: rotate(32deg);
+      }
+
+      .pulse {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        width: 190px;
+        height: 190px;
+        border: 1px solid rgba(167, 255, 79, 0.28);
+        border-radius: 999px;
+        transform: translate(-50%, -50%);
+        animation: breathe 4200ms ease-in-out infinite;
+      }
+
+      @keyframes breathe {
+        0%,
+        100% {
+          opacity: 0.32;
+          transform: translate(-50%, -50%) scale(0.82);
+        }
+        50% {
+          opacity: 0.72;
+          transform: translate(-50%, -50%) scale(1.12);
+        }
+      }
+
+      .section {
+        padding: clamp(72px, 10vw, 136px) clamp(18px, 4vw, 56px);
+        border-top: 1px solid var(--line-soft);
+      }
+
+      .split {
+        display: grid;
+        grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
+        gap: clamp(30px, 6vw, 82px);
+        align-items: start;
+      }
+
+      h2 {
+        font-size: clamp(2.4rem, 6vw, 6rem);
+        line-height: 0.95;
+      }
+
+      .body-copy {
+        color: var(--muted);
+        font-size: clamp(1.04rem, 1.7vw, 1.28rem);
+        line-height: 1.6;
+      }
+
+      .body-copy + .body-copy {
+        margin-top: 22px;
+      }
+
+      .rule {
+        margin-top: 34px;
+        padding: 22px;
+        border-left: 3px solid var(--signal);
+        background: rgba(167, 255, 79, 0.07);
+        color: var(--ink);
+        font-family: Georgia, "Times New Roman", serif;
+        font-size: clamp(1.5rem, 3.5vw, 3rem);
+        line-height: 1.06;
+      }
+
+      .difference-grid,
+      .example-grid,
+      .stable-grid {
+        display: grid;
+        gap: 1px;
+        margin-top: clamp(34px, 5vw, 62px);
+        border: 1px solid var(--line);
+        background: var(--line);
+      }
+
+      .difference-grid {
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+
+      .example-grid {
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+      }
+
+      .stable-grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+
+      .tile,
+      .example,
+      .stable-col {
+        min-width: 0;
+        padding: clamp(22px, 3vw, 32px);
+        background: rgba(8, 9, 6, 0.82);
+      }
+
+      .tile span,
+      .example span,
+      .stable-col span {
+        display: block;
+        margin-bottom: 16px;
+        color: var(--signal);
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.72rem;
+        letter-spacing: 0.1em;
+        text-transform: uppercase;
+      }
+
+      .tile h3,
+      .example h3,
+      .stable-col h3 {
+        margin-bottom: 14px;
+        font-size: clamp(1.7rem, 3vw, 2.55rem);
+        line-height: 0.96;
+      }
+
+      .tile p,
+      .example p,
+      .stable-col li {
+        color: var(--muted);
+        font-size: 1rem;
+        line-height: 1.48;
+      }
+
+      .stable-col ul {
+        display: grid;
+        gap: 13px;
+        margin: 0;
+        padding: 0;
+        list-style: none;
+      }
+
+      .stable-col li {
+        display: flex;
+        gap: 10px;
+      }
+
+      .stable-col li::before {
+        content: "";
+        width: 8px;
+        height: 8px;
+        margin-top: 8px;
+        flex: 0 0 auto;
+        background: var(--signal);
+      }
+
+      .stable-col.adapts li::before {
+        background: var(--copper);
+      }
+
+      .contact-panel {
+        display: grid;
+        grid-template-columns: minmax(0, 0.9fr) minmax(260px, 0.52fr);
+        gap: clamp(30px, 6vw, 80px);
+        align-items: end;
+        padding: clamp(28px, 5vw, 54px);
+        border: 1px solid rgba(167, 255, 79, 0.36);
+        background:
+          linear-gradient(135deg, rgba(167, 255, 79, 0.12), transparent 48%),
+          rgba(247, 241, 223, 0.045);
+      }
+
+      .contact-panel h2 {
+        max-width: 760px;
+      }
+
+      .contact-panel p {
+        color: var(--muted);
+        font-size: 1.12rem;
+      }
+
+      footer {
+        padding: 24px clamp(18px, 4vw, 56px);
+        color: var(--dim);
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.72rem;
+        text-transform: uppercase;
+      }
+
+      footer .section-inner {
+        display: flex;
+        justify-content: space-between;
+        gap: 18px;
+        flex-wrap: wrap;
+      }
+
+      @media (max-width: 980px) {
+        .hero-grid,
+        .split,
+        .contact-panel {
+          grid-template-columns: 1fr;
+        }
+
+        .difference-grid,
+        .example-grid {
+          grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+
+        .fit-instrument {
+          min-height: 390px;
+        }
+      }
+
+      @media (max-width: 720px) {
+        .nav {
+          position: absolute;
+          align-items: flex-start;
+        }
+
+        .brand span:last-child {
+          max-width: 150px;
+        }
+
+        .nav-links {
+          display: none;
+        }
+
+        .hero {
+          min-height: auto;
+          padding-top: 108px;
+        }
+
+        .hero-actions,
+        .button {
+          width: 100%;
+        }
+
+        .button {
+          min-height: 48px;
+        }
+
+        .difference-grid,
+        .example-grid,
+        .stable-grid {
+          grid-template-columns: 1fr;
+        }
+
+        .fit-instrument {
+          min-height: 500px;
+        }
+
+        .node {
+          min-width: 102px;
+          padding: 10px 12px;
+          font-size: 0.68rem;
+        }
+
+        .node.human {
+          min-width: 118px;
+          min-height: 118px;
+        }
+
+        .node.problem,
+        .node.risk {
+          left: 6%;
+        }
+
+        .node.tools,
+        .node.packet {
+          right: 6%;
+        }
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        *,
+        *::before,
+        *::after {
+          animation-duration: 0.001ms !important;
+          animation-iteration-count: 1 !important;
+          scroll-behavior: auto !important;
+          transition-duration: 0.001ms !important;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <main class="site-shell">
+      <nav class="nav" aria-label="Main navigation">
+        <a class="brand" href="../index.html" aria-label="Human Agent Interface home">
+          <span class="brand-mark">HAI</span>
+          <span>Human Fit</span>
+        </a>
+        <div class="nav-links">
+          <a href="../index.html">Home</a>
+          <a href="../product/">Products</a>
+          <a href="../what_it_is/">Where HAI comes from</a>
+          <a href="../samuel/">Samuel's work</a>
+        </div>
+      </nav>
+
+      <section class="hero" aria-labelledby="hero-title">
+        <div class="hero-inner hero-grid">
+          <div>
+            <p class="kicker">The missing fit</p>
+            <h1 id="hero-title">The interface must fit the human.</h1>
+            <p class="lead">
+              There is no universal agent workflow. Different people think, decide, trust,
+              lose focus, and get overwhelmed differently. <strong>HAI adapts the agentic
+              system to the human using it.</strong>
+            </p>
+            <div class="hero-actions">
+              <a class="button primary" href="#examples">See human fits</a>
+              <a class="button" href="../index.html">Back to homepage</a>
+            </div>
+          </div>
+
+          <div class="fit-instrument" aria-label="Human fit diagram">
+            <div class="pulse" aria-hidden="true"></div>
+            <div class="calibration-line line-a" aria-hidden="true"></div>
+            <div class="calibration-line line-b" aria-hidden="true"></div>
+            <div class="calibration-line line-c" aria-hidden="true"></div>
+            <div class="calibration-line line-d" aria-hidden="true"></div>
+            <div class="node human">Human</div>
+            <div class="node problem">Problem</div>
+            <div class="node tools">Tools</div>
+            <div class="node risk">Risk</div>
+            <div class="node packet">Work Packet</div>
+          </div>
+        </div>
+      </section>
+
+      <section class="section" aria-labelledby="standard-title">
+        <div class="section-inner split">
+          <div>
+            <p class="kicker">Why templates fail</p>
+            <h2 id="standard-title">A standard workflow can still overwhelm the wrong human.</h2>
+          </div>
+          <div>
+            <p class="body-copy">
+              The problem is not only messy work. The problem is mismatch. A powerful agent
+              system can produce the wrong tempo, the wrong amount of context, the wrong
+              confidence level, or the wrong handoff for the person using it.
+            </p>
+            <p class="body-copy">
+              HAI keeps the loop controlled, but calibrates how the loop feels and behaves
+              for the person, the problem, and the tools already in use.
+            </p>
+            <p class="rule">The model matters. The fit matters more.</p>
+          </div>
+        </div>
+
+        <div class="section-inner difference-grid">
+          <article class="tile">
+            <span>Mismatch 01</span>
+            <h3>Too much output</h3>
+            <p>The agent is productive, but the human cannot absorb or choose from the flood.</p>
+          </article>
+          <article class="tile">
+            <span>Mismatch 02</span>
+            <h3>Wrong trust level</h3>
+            <p>The agent moves before the human has enough evidence, confidence, or consent.</p>
+          </article>
+          <article class="tile">
+            <span>Mismatch 03</span>
+            <h3>Lost ownership</h3>
+            <p>The work exists, but the human no longer knows what they approve, reject, or do next.</p>
+          </article>
+        </div>
+      </section>
+
+      <section class="section" id="examples" aria-labelledby="examples-title">
+        <div class="section-inner">
+          <p class="kicker">Different humans need different interfaces</p>
+          <h2 id="examples-title">HAI adapts the agentic setup to the person in front of it.</h2>
+
+          <div class="example-grid">
+            <article class="example">
+              <span>Builder</span>
+              <h3>Separate doing from checking.</h3>
+              <p>Use Executor and Verifier roles so implementation does not outrun judgment.</p>
+            </article>
+            <article class="example">
+              <span>Founder</span>
+              <h3>Compress scattered ideas.</h3>
+              <p>Turn loose ambition into one customer-facing, investor-facing, or team-facing packet.</p>
+            </article>
+            <article class="example">
+              <span>Team lead</span>
+              <h3>Keep risk human-owned.</h3>
+              <p>Agents prepare options and artifacts; approvals and irreversible decisions stay with the lead.</p>
+            </article>
+            <article class="example">
+              <span>Overloaded operator</span>
+              <h3>Reduce agent noise.</h3>
+              <p>Stop parallel drift and restore one next action the human can actually hold.</p>
+            </article>
+          </div>
+        </div>
+      </section>
+
+      <section class="section" aria-labelledby="stable-title">
+        <div class="section-inner split">
+          <div>
+            <p class="kicker">Stable loop, personal fit</p>
+            <h2 id="stable-title">HAI has a stable kernel. The interface adapts around it.</h2>
+          </div>
+          <div>
+            <p class="body-copy">
+              The kernel prevents chaos: intake, classification, scope, role, artifact,
+              and next action. The fit changes how much explanation, verification,
+              pacing, and context the human needs before the work becomes useful.
+            </p>
+          </div>
+        </div>
+
+        <div class="section-inner stable-grid">
+          <article class="stable-col">
+            <span>What stays stable</span>
+            <h3>The work packet</h3>
+            <ul>
+              <li>Problem type is named.</li>
+              <li>Agent-capable work is separated from human-owned decisions.</li>
+              <li>Scope, role, risk, artifact, and next action are explicit.</li>
+            </ul>
+          </article>
+          <article class="stable-col adapts">
+            <span>What adapts</span>
+            <h3>The human interface</h3>
+            <ul>
+              <li>How much context the human receives.</li>
+              <li>How strictly agents are split into roles.</li>
+              <li>How often the system pauses for approval, explanation, or verification.</li>
+            </ul>
+          </article>
+        </div>
+      </section>
+
+      <section class="section" aria-labelledby="contact-title">
+        <div class="section-inner contact-panel">
+          <div>
+            <p class="kicker">Human Fit in practice</p>
+            <h2 id="contact-title">Bring one workflow that does not fit you.</h2>
+          </div>
+          <div>
+            <p>
+              The useful question is not only what the agent can do. It is what the human
+              can understand, approve, supervise, and continue.
+            </p>
+            <div class="hero-actions">
+              <a
+                class="button primary"
+                href="mailto:samuel@human-agent-interface.com?subject=Human%20Fit%20conversation"
+              >Talk to Samuel</a>
+              <a class="button" href="../what_it_is/">Where HAI comes from</a>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <footer>
+      <div class="section-inner">
+        <span>Human Fit</span>
+        <span>The interface must fit the human.</span>
+      </div>
+    </footer>
+  </body>
+</html>

_deploy/index.html

@@ -0,0 +1,1369 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Human Agent Interface</title>
+    <meta
+      name="description"
+      content="Human Agent Interface turns messy AI work into a safe, scoped, agent-ready next action."
+    >
+    <meta property="og:title" content="Human Agent Interface">
+    <meta
+      property="og:description"
+      content="The next interface is not graphical. It is agentic."
+    >
+    <meta property="og:type" content="website">
+    <style>
+      :root {
+        color-scheme: dark;
+        --ink: #f7f1df;
+        --muted: #b7ad97;
+        --dim: #756d5e;
+        --void: #090a08;
+        --panel: rgba(247, 241, 223, 0.065);
+        --panel-strong: rgba(247, 241, 223, 0.13);
+        --line: rgba(247, 241, 223, 0.18);
+        --line-soft: rgba(247, 241, 223, 0.1);
+        --signal: #a7ff4f;
+        --copper: #ff9f5f;
+        --red: #ff4d4d;
+        --cyan: #7dd8ff;
+        --max: 1160px;
+      }
+
+      * {
+        box-sizing: border-box;
+      }
+
+      html {
+        scroll-behavior: smooth;
+      }
+
+      body {
+        margin: 0;
+        min-width: 320px;
+        color: var(--ink);
+        background:
+          radial-gradient(circle at 20% 10%, rgba(167, 255, 79, 0.12), transparent 26rem),
+          radial-gradient(circle at 80% 18%, rgba(255, 159, 95, 0.1), transparent 22rem),
+          linear-gradient(180deg, #090a08 0%, #11100d 48%, #070806 100%);
+        font-family: "Aptos", "Segoe UI", "Helvetica Neue", sans-serif;
+        line-height: 1.5;
+        overflow-x: hidden;
+      }
+
+      body::before {
+        content: "";
+        position: fixed;
+        inset: 0;
+        pointer-events: none;
+        z-index: 5;
+        opacity: 0.32;
+        background-image:
+          linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
+          linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
+        background-size: 72px 72px;
+        mask-image: linear-gradient(180deg, black, transparent 72%);
+      }
+
+      a {
+        color: inherit;
+      }
+
+      .site-shell {
+        position: relative;
+        z-index: 1;
+      }
+
+      .hero {
+        position: relative;
+        min-height: 100svh;
+        display: grid;
+        grid-template-columns: minmax(0, 1fr);
+        align-items: center;
+        overflow: hidden;
+        padding: 32px clamp(18px, 4vw, 56px) 48px;
+      }
+
+      .hero-canvas {
+        position: absolute;
+        inset: 0;
+        width: 100%;
+        height: 100%;
+        opacity: 0.74;
+      }
+
+      .hero::after {
+        content: "";
+        position: absolute;
+        inset: 0;
+        background:
+          linear-gradient(90deg, rgba(9, 10, 8, 0.88) 0%, rgba(9, 10, 8, 0.6) 52%, rgba(9, 10, 8, 0.18) 100%),
+          linear-gradient(180deg, rgba(9, 10, 8, 0.18) 0%, rgba(9, 10, 8, 0.92) 100%);
+      }
+
+      .nav {
+        position: absolute;
+        inset: 0 0 auto;
+        z-index: 12;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 18px;
+        padding: 24px clamp(18px, 4vw, 56px);
+      }
+
+      .nav-actions {
+        display: inline-flex;
+        align-items: center;
+        gap: 12px;
+        flex-wrap: wrap;
+        justify-content: flex-end;
+      }
+
+      .nav-link {
+        min-height: 42px;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        padding: 0 14px;
+        color: var(--muted);
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.72rem;
+        text-decoration: none;
+        text-transform: uppercase;
+        border: 1px solid transparent;
+        transition: color 180ms ease, border-color 180ms ease, background 180ms ease;
+      }
+
+      .nav-link:hover,
+      .nav-link:focus-visible {
+        color: var(--ink);
+        border-color: var(--line-soft);
+        background: rgba(247, 241, 223, 0.045);
+      }
+
+      .brand {
+        display: inline-flex;
+        align-items: center;
+        gap: 12px;
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.82rem;
+        text-transform: uppercase;
+        color: var(--muted);
+      }
+
+      .brand-mark {
+        width: 38px;
+        height: 38px;
+        display: grid;
+        place-items: center;
+        border: 1px solid var(--line);
+        background: rgba(247, 241, 223, 0.04);
+        color: var(--signal);
+      }
+
+      .nav-cta {
+        min-height: 42px;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        padding: 0 18px;
+        border: 1px solid rgba(167, 255, 79, 0.44);
+        background: rgba(167, 255, 79, 0.09);
+        color: var(--ink);
+        text-decoration: none;
+        font-size: 0.86rem;
+        font-weight: 700;
+        transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;
+      }
+
+      .nav-cta:hover,
+      .nav-cta:focus-visible {
+        transform: translateY(-2px);
+        background: rgba(167, 255, 79, 0.16);
+        border-color: rgba(167, 255, 79, 0.8);
+      }
+
+      .mobile-samuel-link {
+        display: none;
+      }
+
+      .hero-inner {
+        position: relative;
+        z-index: 1;
+        width: 100%;
+        max-width: var(--max);
+        min-width: 0;
+        margin: 0 auto;
+        padding-top: 72px;
+      }
+
+      .lineage {
+        display: grid;
+        grid-template-columns: repeat(4, minmax(0, 1fr));
+        gap: 8px;
+        width: 100%;
+        max-width: 700px;
+        margin-bottom: clamp(36px, 6vw, 78px);
+      }
+
+      .epoch {
+        min-height: 92px;
+        padding: 14px;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        border: 1px solid var(--line-soft);
+        background: rgba(9, 10, 8, 0.54);
+        backdrop-filter: blur(12px);
+      }
+
+      .epoch strong {
+        font-family: Georgia, "Times New Roman", serif;
+        font-size: clamp(1.6rem, 4vw, 3.1rem);
+        line-height: 0.86;
+        font-weight: 500;
+      }
+
+      .epoch span {
+        color: var(--dim);
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.7rem;
+        text-transform: uppercase;
+      }
+
+      .epoch.is-current {
+        border-color: rgba(167, 255, 79, 0.72);
+        background:
+          linear-gradient(135deg, rgba(167, 255, 79, 0.18), rgba(125, 216, 255, 0.06)),
+          rgba(9, 10, 8, 0.7);
+        box-shadow: 0 0 46px rgba(167, 255, 79, 0.14);
+      }
+
+      .eyebrow {
+        display: inline-flex;
+        align-items: center;
+        gap: 10px;
+        margin-bottom: 18px;
+        color: var(--signal);
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.76rem;
+        text-transform: uppercase;
+      }
+
+      .eyebrow::before {
+        content: "";
+        width: 44px;
+        height: 1px;
+        background: var(--signal);
+      }
+
+      h1 {
+        width: 100%;
+        max-width: 1040px;
+        margin: 0;
+        font-family: Georgia, "Times New Roman", serif;
+        font-weight: 500;
+        font-size: clamp(3rem, 7.6vw, 7.2rem);
+        line-height: 0.94;
+        letter-spacing: 0;
+        overflow-wrap: break-word;
+      }
+
+      .hero-copy {
+        display: grid;
+        grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.48fr);
+        gap: clamp(24px, 6vw, 96px);
+        align-items: end;
+        margin-top: clamp(28px, 5vw, 56px);
+      }
+
+      .lead {
+        max-width: 720px;
+        margin: 0;
+        color: var(--muted);
+        font-size: clamp(1.12rem, 2vw, 1.62rem);
+        min-width: 0;
+      }
+
+      .mobile-break {
+        display: none;
+      }
+
+      .desktop-break {
+        display: block;
+      }
+
+      .lead strong {
+        color: var(--ink);
+        font-weight: 700;
+      }
+
+      .hero-actions {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 12px;
+        justify-content: flex-start;
+      }
+
+      .button {
+        min-height: 52px;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        gap: 10px;
+        padding: 0 22px;
+        border: 1px solid var(--line);
+        background: var(--panel);
+        color: var(--ink);
+        text-decoration: none;
+        font-weight: 800;
+        transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;
+      }
+
+      .button.primary {
+        border-color: rgba(167, 255, 79, 0.68);
+        background: var(--signal);
+        color: #11150d;
+      }
+
+      .button:hover,
+      .button:focus-visible {
+        transform: translateY(-2px);
+        border-color: rgba(247, 241, 223, 0.42);
+        background: var(--panel-strong);
+      }
+
+      .button.primary:hover,
+      .button.primary:focus-visible {
+        border-color: var(--signal);
+        background: #c4ff86;
+      }
+
+      .section {
+        padding: clamp(70px, 10vw, 150px) clamp(18px, 4vw, 56px);
+      }
+
+      .section-inner {
+        width: 100%;
+        max-width: var(--max);
+        margin: 0 auto;
+      }
+
+      .split {
+        display: grid;
+        grid-template-columns: minmax(0, 0.82fr) minmax(280px, 0.58fr);
+        gap: clamp(28px, 6vw, 90px);
+        align-items: start;
+      }
+
+      h2 {
+        margin: 0;
+        font-family: Georgia, "Times New Roman", serif;
+        font-size: clamp(2.4rem, 6vw, 5.8rem);
+        line-height: 0.98;
+        font-weight: 500;
+        letter-spacing: 0;
+      }
+
+      .kicker {
+        margin: 0 0 16px;
+        color: var(--copper);
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.78rem;
+        text-transform: uppercase;
+      }
+
+      .body-copy {
+        margin: 0;
+        color: var(--muted);
+        font-size: clamp(1.02rem, 1.7vw, 1.28rem);
+      }
+
+      .body-copy + .body-copy {
+        margin-top: 20px;
+      }
+
+      .fit-call {
+        border-block: 1px solid var(--line-soft);
+        background:
+          linear-gradient(180deg, rgba(167, 255, 79, 0.055), rgba(247, 241, 223, 0.015)),
+          #0b0c09;
+      }
+
+      .fit-call-grid {
+        display: grid;
+        grid-template-columns: minmax(0, 0.86fr) minmax(300px, 0.52fr);
+        gap: clamp(28px, 6vw, 90px);
+        align-items: start;
+      }
+
+      .fit-hook {
+        max-width: 680px;
+      }
+
+      .intake-list {
+        display: grid;
+        gap: 10px;
+        margin-top: 30px;
+        counter-reset: intake;
+      }
+
+      .intake-question {
+        min-height: 92px;
+        display: grid;
+        grid-template-columns: 44px 1fr;
+        gap: 14px;
+        padding: 16px;
+        border: 1px solid var(--line-soft);
+        background: rgba(247, 241, 223, 0.045);
+        counter-increment: intake;
+      }
+
+      .intake-question::before {
+        content: "0" counter(intake);
+        color: var(--signal);
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.78rem;
+      }
+
+      .intake-question strong {
+        display: block;
+        color: var(--ink);
+        font-size: 1.02rem;
+      }
+
+      .intake-question span {
+        display: block;
+        margin-top: 6px;
+        color: var(--muted);
+        font-size: 0.95rem;
+      }
+
+      .pilot-note {
+        margin-top: 22px;
+        padding: 16px 0 0 16px;
+        border-left: 2px solid rgba(167, 255, 79, 0.62);
+        color: var(--muted);
+        font-size: 1rem;
+      }
+
+      .output-panel {
+        padding: clamp(22px, 4vw, 30px);
+        border: 1px solid var(--line);
+        background:
+          linear-gradient(135deg, rgba(247, 241, 223, 0.08), rgba(247, 241, 223, 0.025)),
+          rgba(9, 10, 8, 0.58);
+      }
+
+      .output-panel h3 {
+        margin: 18px 0 14px;
+        color: var(--ink);
+        font-family: Georgia, "Times New Roman", serif;
+        font-size: clamp(2rem, 4vw, 3.45rem);
+        line-height: 0.98;
+        font-weight: 500;
+      }
+
+      .output-panel p {
+        margin: 0;
+        color: var(--muted);
+        font-size: 1rem;
+      }
+
+      .output-list {
+        display: grid;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        gap: 8px;
+        margin: 24px 0 0;
+        padding: 0;
+        list-style: none;
+      }
+
+      .output-list li {
+        min-height: 46px;
+        display: flex;
+        align-items: center;
+        padding: 10px 12px;
+        border: 1px solid var(--line-soft);
+        color: var(--ink);
+        background: rgba(247, 241, 223, 0.04);
+        font-size: 0.94rem;
+      }
+
+      .trust-bridge {
+        margin-top: 22px;
+        padding-top: 18px;
+        border-top: 1px solid var(--line);
+      }
+
+      .fit-actions {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 12px;
+        margin-top: 24px;
+      }
+
+      .quote-rail {
+        display: grid;
+        gap: 12px;
+      }
+
+      .quote-tile {
+        min-height: 112px;
+        padding: 20px;
+        display: grid;
+        align-content: space-between;
+        gap: 18px;
+        border-left: 2px solid var(--line);
+        background: linear-gradient(90deg, rgba(247, 241, 223, 0.08), rgba(247, 241, 223, 0.025));
+      }
+
+      .quote-tile strong {
+        display: block;
+        font-family: Georgia, "Times New Roman", serif;
+        font-size: clamp(1.3rem, 2.7vw, 2.25rem);
+        line-height: 1;
+        font-weight: 500;
+      }
+
+      .quote-tile span {
+        color: var(--dim);
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.72rem;
+        text-transform: uppercase;
+      }
+
+      .quote-tile:nth-child(2) {
+        border-left-color: var(--red);
+      }
+
+      .quote-tile:nth-child(3) {
+        border-left-color: var(--signal);
+      }
+
+      .conversion {
+        background:
+          linear-gradient(180deg, rgba(247, 241, 223, 0.04), rgba(247, 241, 223, 0.01)),
+          #0c0d0a;
+        border-block: 1px solid var(--line-soft);
+      }
+
+      .conversion-grid {
+        display: grid;
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+        gap: 12px;
+        margin-top: 36px;
+      }
+
+      .state {
+        min-height: 360px;
+        padding: clamp(20px, 4vw, 34px);
+        border: 1px solid var(--line-soft);
+        background: rgba(247, 241, 223, 0.045);
+        position: relative;
+        overflow: hidden;
+      }
+
+      .state::before {
+        content: "";
+        position: absolute;
+        inset: 0;
+        opacity: 0.26;
+        background-image: linear-gradient(135deg, transparent 0 46%, currentColor 47% 48%, transparent 49% 100%);
+        background-size: 34px 34px;
+      }
+
+      .state.before {
+        color: rgba(255, 77, 77, 0.8);
+      }
+
+      .state.after {
+        color: rgba(167, 255, 79, 0.74);
+      }
+
+      .state-content {
+        position: relative;
+        z-index: 1;
+      }
+
+      .state-label {
+        color: var(--dim);
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.78rem;
+        text-transform: uppercase;
+      }
+
+      .state h3 {
+        margin: 18px 0 26px;
+        color: var(--ink);
+        font-family: Georgia, "Times New Roman", serif;
+        font-size: clamp(2rem, 4.2vw, 4.2rem);
+        line-height: 0.98;
+        font-weight: 500;
+      }
+
+      .state ul {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+        display: grid;
+        gap: 12px;
+        color: var(--muted);
+        font-size: 1rem;
+      }
+
+      .state li {
+        display: grid;
+        grid-template-columns: 18px 1fr;
+        gap: 10px;
+        align-items: start;
+      }
+
+      .state li::before {
+        content: "";
+        width: 9px;
+        height: 9px;
+        margin-top: 8px;
+        background: currentColor;
+      }
+
+      .method-grid {
+        display: grid;
+        grid-template-columns: repeat(5, minmax(0, 1fr));
+        gap: 10px;
+        margin-top: 46px;
+      }
+
+      .step {
+        min-height: 210px;
+        padding: 18px;
+        border: 1px solid var(--line-soft);
+        background: rgba(247, 241, 223, 0.04);
+      }
+
+      .step span {
+        color: var(--signal);
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.75rem;
+      }
+
+      .step h3 {
+        margin: 54px 0 12px;
+        color: var(--ink);
+        font-family: Georgia, "Times New Roman", serif;
+        font-size: 1.55rem;
+        line-height: 1.05;
+        font-weight: 500;
+      }
+
+      .step p {
+        margin: 0;
+        color: var(--muted);
+        font-size: 0.95rem;
+      }
+
+      .wide-statement {
+        padding: clamp(70px, 10vw, 140px) clamp(18px, 4vw, 56px);
+        background: var(--ink);
+        color: #10110d;
+      }
+
+      .wide-statement .section-inner {
+        display: grid;
+        grid-template-columns: minmax(0, 0.78fr) minmax(280px, 0.42fr);
+        gap: clamp(26px, 5vw, 72px);
+        align-items: end;
+      }
+
+      .wide-statement p {
+        margin: 0;
+        color: rgba(16, 17, 13, 0.72);
+        font-size: clamp(1rem, 1.7vw, 1.32rem);
+      }
+
+      .tool-line {
+        margin: 0;
+        font-family: Georgia, "Times New Roman", serif;
+        font-size: clamp(2.5rem, 7vw, 6.8rem);
+        line-height: 0.96;
+        font-weight: 500;
+        letter-spacing: 0;
+      }
+
+      .authority-teaser {
+        border-block: 1px solid var(--line-soft);
+        background:
+          linear-gradient(180deg, rgba(247, 241, 223, 0.035), rgba(247, 241, 223, 0.01)),
+          #0d0e0b;
+      }
+
+      .authority-grid {
+        display: grid;
+        grid-template-columns: minmax(0, 0.82fr) minmax(280px, 0.58fr);
+        gap: clamp(28px, 6vw, 90px);
+        align-items: end;
+      }
+
+      .authority-panel {
+        padding: 24px;
+        border-left: 1px solid var(--line);
+        background: linear-gradient(90deg, rgba(247, 241, 223, 0.07), transparent);
+      }
+
+      .authority-panel span {
+        display: block;
+        margin-bottom: 14px;
+        color: var(--signal);
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.72rem;
+        text-transform: uppercase;
+      }
+
+      .authority-panel p {
+        margin: 0 0 22px;
+        color: var(--muted);
+        font-size: 1.05rem;
+      }
+
+      .contact {
+        min-height: 72svh;
+        display: grid;
+        align-items: center;
+      }
+
+      .contact-panel {
+        display: grid;
+        grid-template-columns: minmax(0, 0.8fr) minmax(280px, 0.52fr);
+        gap: clamp(24px, 6vw, 88px);
+        align-items: center;
+      }
+
+      .contact-note {
+        border-top: 1px solid var(--line);
+        padding-top: 22px;
+      }
+
+      .contact-note p {
+        margin: 0;
+        color: var(--muted);
+        font-size: 1.05rem;
+      }
+
+      footer {
+        padding: 28px clamp(18px, 4vw, 56px);
+        color: var(--dim);
+        font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+        font-size: 0.72rem;
+        text-transform: uppercase;
+        border-top: 1px solid var(--line-soft);
+      }
+
+      footer .section-inner {
+        display: flex;
+        justify-content: space-between;
+        gap: 14px;
+        flex-wrap: wrap;
+      }
+
+      .reveal {
+        opacity: 1;
+        transform: translateY(0);
+        transition: opacity 700ms ease, transform 700ms ease;
+      }
+
+      .js .reveal.is-visible {
+        opacity: 1;
+        transform: translateY(0);
+      }
+
+      @media (max-width: 900px) {
+        .hero {
+          min-height: auto;
+          padding-top: 116px;
+        }
+
+        .hero-copy,
+        .split,
+        .fit-call-grid,
+        .authority-grid,
+        .wide-statement .section-inner,
+        .contact-panel {
+          grid-template-columns: 1fr;
+        }
+
+        .conversion-grid {
+          grid-template-columns: 1fr;
+        }
+
+        .method-grid {
+          grid-template-columns: repeat(2, minmax(0, 1fr));
+        }
+      }
+
+      @media (max-width: 620px) {
+        .hero {
+          width: 100vw;
+          padding-left: 20px;
+          padding-right: 20px;
+        }
+
+        .nav {
+          padding-top: 18px;
+          width: 100vw;
+          left: 0;
+          right: auto;
+          padding-left: 20px;
+          padding-right: 20px;
+        }
+
+        .brand span:not(.brand-mark) {
+          display: none;
+        }
+
+        .nav-cta {
+          display: none;
+        }
+
+        .nav-actions {
+          display: inline-flex;
+          gap: 8px;
+          max-width: calc(100vw - 92px);
+        }
+
+        .desktop-nav-link {
+          display: none;
+        }
+
+        .nav-link {
+          min-height: 36px;
+          padding: 0 10px;
+          font-size: 0.62rem;
+        }
+
+        .mobile-samuel-link {
+          min-height: 36px;
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          margin-left: auto;
+          padding: 0 10px;
+          border: 1px solid var(--line-soft);
+          color: var(--muted);
+          font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+          font-size: 0.62rem;
+          text-decoration: none;
+          text-transform: uppercase;
+        }
+
+        .hero-inner,
+        .lineage,
+        h1,
+        .hero-copy,
+        .lead {
+          width: 350px;
+          max-width: calc(100vw - 40px);
+        }
+
+        .hero-inner {
+          margin-left: 0;
+          margin-right: 0;
+          padding-top: 0;
+        }
+
+        .lineage {
+          grid-template-columns: repeat(2, minmax(0, 1fr));
+          margin-bottom: 24px;
+        }
+
+        .epoch {
+          min-height: 68px;
+        }
+
+        h1 {
+          font-size: clamp(2.35rem, 11.5vw, 3.1rem);
+          line-height: 0.98;
+        }
+
+        .lead {
+          font-size: 1rem;
+        }
+
+        .mobile-break {
+          display: block;
+        }
+
+        .desktop-break {
+          display: inline;
+        }
+
+        .method-grid {
+          grid-template-columns: 1fr;
+        }
+
+        .step {
+          min-height: 170px;
+        }
+
+        .step h3 {
+          margin-top: 30px;
+        }
+
+        .button {
+          width: 100%;
+        }
+
+        .intake-question,
+        .output-list {
+          grid-template-columns: 1fr;
+        }
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        *,
+        *::before,
+        *::after {
+          animation-duration: 0.001ms !important;
+          animation-iteration-count: 1 !important;
+          scroll-behavior: auto !important;
+          transition-duration: 0.001ms !important;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <main class="site-shell">
+      <section class="hero" aria-labelledby="hero-title">
+        <canvas class="hero-canvas" id="agentField" aria-hidden="true"></canvas>
+        <nav class="nav" aria-label="Main navigation">
+          <a class="brand" href="#top" aria-label="Human Agent Interface home">
+            <span class="brand-mark">HAI</span>
+            <span>Human Agent Interface</span>
+          </a>
+          <a class="mobile-samuel-link" href="./samuel/">Samuel's work</a>
+          <div class="nav-actions">
+            <a class="nav-link desktop-nav-link" href="./product/">Products</a>
+            <a class="nav-link desktop-nav-link" href="./tripwire-map/">Tripwire-Map</a>
+            <a class="nav-link desktop-nav-link" href="./fit/">Human Fit</a>
+            <a class="nav-link desktop-nav-link" href="./what_it_is/">Where HAI comes from</a>
+            <a class="nav-link" href="./samuel/">Samuel's work</a>
+            <a
+              class="nav-cta"
+              href="mailto:samuel@human-agent-interface.com?subject=20%20min%20HAI%20fit%20call&amp;body=Hi%20Samuel%2C%0D%0A%0D%0AI%20want%20to%20book%20a%2020%20min%20HAI%20fit%20call.%0D%0A%0D%0A1.%20What%20agent%20workflow%20is%20creating%20confusion%3F%0D%0A%0D%0A2.%20Where%20do%20I%20lose%20control%2C%20overview%2C%20or%20trust%3F%0D%0A%0D%0A3.%20What%20would%20be%20useful%20after%204%20hours%3F%0D%0A%0D%0APreferred%20time%20windows%3A"
+            >Book fit call</a>
+          </div>
+        </nav>
+
+        <div class="hero-inner" id="top">
+          <div class="lineage reveal" aria-label="Interface evolution">
+            <div class="epoch">
+              <strong>CLI</strong>
+              <span>commands</span>
+            </div>
+            <div class="epoch">
+              <strong>TUI</strong>
+              <span>terminal</span>
+            </div>
+            <div class="epoch">
+              <strong>GUI</strong>
+              <span>screens</span>
+            </div>
+            <div class="epoch is-current">
+              <strong>HAI</strong>
+              <span>agency</span>
+            </div>
+          </div>
+
+          <p class="eyebrow reveal">For people stuck inside agent threads</p>
+          <h1 class="reveal" id="hero-title">
+            AI work should create momentum.
+            <span class="desktop-break"></span>
+            For most people, it creates confusion.
+          </h1>
+
+          <div class="hero-copy">
+            <p class="lead reveal">
+              <strong>HAI</strong> turns messy AI work into a safe, scoped,
+              agent-ready next action.
+            </p>
+            <div class="hero-actions reveal">
+              <a
+                class="button primary"
+                href="mailto:samuel@human-agent-interface.com?subject=20%20min%20HAI%20fit%20call&amp;body=Hi%20Samuel%2C%0D%0A%0D%0AI%20want%20to%20book%20a%2020%20min%20HAI%20fit%20call.%0D%0A%0D%0A1.%20What%20agent%20workflow%20is%20creating%20confusion%3F%0D%0A%0D%0A2.%20Where%20do%20I%20lose%20control%2C%20overview%2C%20or%20trust%3F%0D%0A%0D%0A3.%20What%20would%20be%20useful%20after%204%20hours%3F%0D%0A%0D%0APreferred%20time%20windows%3A"
+              >Book 20 min HAI fit call</a>
+              <a class="button" href="./product/">See products</a>
+              <a class="button" href="./fit/">Human Fit</a>
+              <a class="button" href="./what_it_is/">Where HAI comes from</a>
+              <a class="button" href="./samuel/">Samuel's work</a>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section class="section" aria-labelledby="confusion-title">
+        <div class="section-inner split">
+          <div>
+            <p class="kicker reveal">The customer pain</p>
+            <h2 class="reveal" id="confusion-title">AI work creates more confusion than momentum.</h2>
+          </div>
+          <div>
+            <p class="body-copy reveal">
+              You start with an idea, open three chats, ask for a plan, launch an agent,
+              paste context into another tool, then lose the thread. The output is not
+              wrong. It is just not owned.
+            </p>
+            <p class="body-copy reveal">
+              HAI exists for that moment: when the human state is messy, the agents are
+              loud, and the next responsible action is not obvious.
+            </p>
+          </div>
+        </div>
+      </section>
+
+      <section class="section fit-call" id="fit-call" aria-labelledby="fit-call-title">
+        <div class="section-inner fit-call-grid">
+          <div class="fit-hook">
+            <p class="kicker reveal">20 min HAI fit call</p>
+            <h2 class="reveal" id="fit-call-title">Where do you lose control in your agent workflow?</h2>
+            <p class="body-copy reveal">
+              Bring one real workflow, not a transformation plan. The call is for finding
+              whether HAI can turn your current agent mess into a bounded 4h audit.
+            </p>
+
+            <div class="intake-list reveal" aria-label="Mini intake questions">
+              <div class="intake-question">
+                <div>
+                  <strong>What agent workflow is creating confusion?</strong>
+                  <span>Which chats, tools, agents, handoffs, or projects are involved?</span>
+                </div>
+              </div>
+              <div class="intake-question">
+                <div>
+                  <strong>Where do you lose control, overview, or trust?</strong>
+                  <span>Name the point where output keeps growing but ownership gets weaker.</span>
+                </div>
+              </div>
+              <div class="intake-question">
+                <div>
+                  <strong>What would be useful after 4 hours?</strong>
+                  <span>A clearer setup, a stop rule, a verifier path, or one next action packet.</span>
+                </div>
+              </div>
+            </div>
+
+            <p class="pilot-note reveal">
+              Pilot status: testing HAI with the first 5-10 real workflows. One workflow,
+              one owner packet, one follow-up.
+            </p>
+          </div>
+
+          <aside class="output-panel reveal" aria-label="4 hour audit output">
+            <span class="state-label">Visible output</span>
+            <h3>What you get after the 4h audit.</h3>
+            <p>
+              A compact owner packet shaped by practical depth: Samuel has already seen
+              how agent workflows drift into overload, weak ownership, and false done signals.
+            </p>
+            <ul class="output-list">
+              <li>Workflow diagnosis</li>
+              <li>3 friction points</li>
+              <li>3 immediate changes</li>
+              <li>Human gates</li>
+              <li>Verification rule</li>
+              <li>Next Action Packet</li>
+            </ul>
+            <p class="trust-bridge">
+              The trust bridge is simple: he has already been where your problem can go.
+              The value is learning where your agent system breaks, who owns the decision,
+              and how the next step becomes checkable.
+            </p>
+            <div class="fit-actions">
+              <a
+                class="button primary"
+                href="mailto:samuel@human-agent-interface.com?subject=20%20min%20HAI%20fit%20call&amp;body=Hi%20Samuel%2C%0D%0A%0D%0AI%20want%20to%20book%20a%2020%20min%20HAI%20fit%20call.%0D%0A%0D%0A1.%20What%20agent%20workflow%20is%20creating%20confusion%3F%0D%0A%0D%0A2.%20Where%20do%20I%20lose%20control%2C%20overview%2C%20or%20trust%3F%0D%0A%0D%0A3.%20What%20would%20be%20useful%20after%204%20hours%3F%0D%0A%0D%0APreferred%20time%20windows%3A"
+              >Book 20 min HAI fit call</a>
+              <a class="button" href="./product/">See the 4h setup</a>
+            </div>
+          </aside>
+        </div>
+      </section>
+
+      <section class="wide-statement" aria-label="Human tool statement">
+        <div class="section-inner">
+          <p class="tool-line reveal">Humans are tool-using animals. Agents are the most powerful tool we have ever built.</p>
+          <p class="reveal">
+            Voice, text, drawing, terminal, IDE, browser, or background process are only
+            surfaces. The real interface is how the human directs, scopes, verifies, and
+            stays aligned with a system that can act.
+          </p>
+        </div>
+      </section>
+
+      <section class="section authority-teaser" aria-labelledby="authority-title">
+        <div class="section-inner authority-grid">
+          <div>
+            <p class="kicker reveal">Why trust this work</p>
+            <h2 class="reveal" id="authority-title">Samuel has already lived where agent work breaks.</h2>
+            <p class="body-copy reveal">
+              He has already seen the later-stage version of the problem clients feel early:
+              more agents, more output, more dashboards, and less human ownership.
+            </p>
+          </div>
+          <aside class="authority-panel reveal" aria-label="Samuel trust layer">
+            <span>Proof of depth</span>
+            <p>
+              The artifact trail matters because it shows repeated contact with the same failure
+              path: Sidecar, HAI, harnesses, control surfaces, Luis handoffs, and failed
+              control-tower attempts turned into stricter workflow rules.
+            </p>
+            <a class="button" href="./samuel/">See Samuel's work</a>
+          </aside>
+        </div>
+      </section>
+
+      <section class="section conversion" id="conversion" aria-labelledby="conversion-title">
+        <div class="section-inner">
+          <p class="kicker reveal">The product unit is a conversion</p>
+          <h2 class="reveal" id="conversion-title">From scattered agent work to one concrete packet.</h2>
+          <div class="conversion-grid">
+            <article class="state before reveal">
+              <div class="state-content">
+                <span class="state-label">Before HAI</span>
+                <h3>Messy human state</h3>
+                <ul>
+                  <li>An idea with no shape.</li>
+                  <li>A stuck project with unclear ownership.</li>
+                  <li>Too many agent threads competing for attention.</li>
+                  <li>No trusted next step.</li>
+                </ul>
+              </div>
+            </article>
+            <article class="state after reveal">
+              <div class="state-content">
+                <span class="state-label">After HAI</span>
+                <h3>Agent-ready next action</h3>
+                <ul>
+                  <li>The problem type is named.</li>
+                  <li>Human decisions stay with the human.</li>
+                  <li>Agent work is bounded and verifiable.</li>
+                  <li>The next packet of work is concrete.</li>
+                </ul>
+              </div>
+            </article>
+          </div>
+        </div>
+      </section>
+
+      <section class="section" aria-labelledby="category-title">
+        <div class="section-inner split">
+          <div>
+            <p class="kicker reveal">The interface shift</p>
+            <h2 class="reveal" id="category-title">GUI gave us control over screens. HAI gives us control over agency.</h2>
+          </div>
+          <div class="quote-rail">
+            <div class="quote-tile reveal">
+              <span>CLI</span>
+              <strong>Tell the machine what to run.</strong>
+            </div>
+            <div class="quote-tile reveal">
+              <span>GUI</span>
+              <strong>Point at what the software exposes.</strong>
+            </div>
+            <div class="quote-tile reveal">
+              <span>HAI</span>
+              <strong>Shape what an agent should do next.</strong>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section class="section" aria-labelledby="method-title">
+        <div class="section-inner">
+          <p class="kicker reveal">The minimum loop</p>
+          <h2 class="reveal" id="method-title">A human-owned path into agentic work.</h2>
+          <div class="method-grid" aria-label="HAI method">
+            <article class="step reveal">
+              <span>01</span>
+              <h3>Intake</h3>
+              <p>Capture the messy state without pretending it is already a task.</p>
+            </article>
+            <article class="step reveal">
+              <span>02</span>
+              <h3>Classify</h3>
+              <p>Name what this is: decision, research, build, repair, or human-only.</p>
+            </article>
+            <article class="step reveal">
+              <span>03</span>
+              <h3>Separate</h3>
+              <p>Keep judgment, risk, and irreversible choices with the human.</p>
+            </article>
+            <article class="step reveal">
+              <span>04</span>
+              <h3>Scope</h3>
+              <p>Bound the agent work so it can be executed and checked.</p>
+            </article>
+            <article class="step reveal">
+              <span>05</span>
+              <h3>Packet</h3>
+              <p>Produce the next concrete action the agent can actually take.</p>
+            </article>
+          </div>
+        </div>
+      </section>
+
+      <section class="section contact" id="contact" aria-labelledby="contact-title">
+        <div class="section-inner contact-panel">
+          <div>
+            <p class="kicker reveal">20 min HAI fit call</p>
+            <h2 class="reveal" id="contact-title">Bring one workflow where control breaks.</h2>
+          </div>
+          <div class="contact-note reveal">
+            <p>
+              Show me one agent workflow that currently creates confusion. Leave with
+              the next concrete packet of work: what this is, what an agent should do,
+              what you must decide yourself, and what happens next.
+            </p>
+            <p style="margin-top: 24px;">
+              <a
+                class="button primary"
+                href="mailto:samuel@human-agent-interface.com?subject=20%20min%20HAI%20fit%20call&amp;body=Hi%20Samuel%2C%0D%0A%0D%0AI%20want%20to%20book%20a%2020%20min%20HAI%20fit%20call.%0D%0A%0D%0A1.%20What%20agent%20workflow%20is%20creating%20confusion%3F%0D%0A%0D%0A2.%20Where%20do%20I%20lose%20control%2C%20overview%2C%20or%20trust%3F%0D%0A%0D%0A3.%20What%20would%20be%20useful%20after%204%20hours%3F%0D%0A%0D%0APreferred%20time%20windows%3A"
+              >Book 20 min HAI fit call</a>
+            </p>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <footer>
+      <div class="section-inner">
+        <span>Human Agent Interface</span>
+        <span>CLI -> TUI -> GUI -> HAI</span>
+      </div>
+    </footer>
+
+    <script>
+      document.documentElement.classList.add("js");
+
+      const canvas = document.getElementById("agentField");
+      const ctx = canvas.getContext("2d");
+      const media = window.matchMedia("(prefers-reduced-motion: reduce)");
+      let width = 0;
+      let height = 0;
+      let ratio = 1;
+      let particles = [];
+      let pointer = { x: 0.72, y: 0.38 };
+
+      function resize() {
+        ratio = Math.min(window.devicePixelRatio || 1, 2);
+        width = canvas.clientWidth;
+        height = canvas.clientHeight;
+        canvas.width = Math.floor(width * ratio);
+        canvas.height = Math.floor(height * ratio);
+        ctx.setTransform(ratio, 0, 0, ratio, 0, 0);
+
+        const count = Math.max(38, Math.min(86, Math.floor(width / 18)));
+        particles = Array.from({ length: count }, (_, index) => ({
+          x: (index * 193) % Math.max(width, 1),
+          y: (index * 317) % Math.max(height, 1),
+          vx: ((index % 7) - 3) * 0.08,
+          vy: (((index * 3) % 9) - 4) * 0.06,
+          r: 1.4 + (index % 4) * 0.65
+        }));
+      }
+
+      function drawGrid(time) {
+        ctx.clearRect(0, 0, width, height);
+        ctx.globalAlpha = 1;
+        ctx.fillStyle = "#090a08";
+        ctx.fillRect(0, 0, width, height);
+
+        const spacing = Math.max(54, Math.min(92, width / 14));
+        ctx.lineWidth = 1;
+        for (let x = -spacing; x < width + spacing; x += spacing) {
+          const wave = Math.sin(time * 0.0004 + x * 0.01) * 16;
+          ctx.strokeStyle = "rgba(247, 241, 223, 0.055)";
+          ctx.beginPath();
+          ctx.moveTo(x + wave, 0);
+          ctx.lineTo(x - wave * 0.4, height);
+          ctx.stroke();
+        }
+        for (let y = -spacing; y < height + spacing; y += spacing) {
+          ctx.strokeStyle = "rgba(247, 241, 223, 0.045)";
+          ctx.beginPath();
+          ctx.moveTo(0, y);
+          ctx.lineTo(width, y + Math.sin(time * 0.0005 + y * 0.01) * 18);
+          ctx.stroke();
+        }
+      }
+
+      function drawParticles(time) {
+        const focusX = pointer.x * width;
+        const focusY = pointer.y * height;
+
+        for (const point of particles) {
+          point.x += media.matches ? 0 : point.vx;
+          point.y += media.matches ? 0 : point.vy;
+
+          if (point.x < -20) point.x = width + 20;
+          if (point.x > width + 20) point.x = -20;
+          if (point.y < -20) point.y = height + 20;
+          if (point.y > height + 20) point.y = -20;
+
+          const dx = point.x - focusX;
+          const dy = point.y - focusY;
+          const distance = Math.sqrt(dx * dx + dy * dy);
+
+          if (distance < 190) {
+            ctx.strokeStyle = `rgba(167, 255, 79, ${0.2 * (1 - distance / 190)})`;
+            ctx.beginPath();
+            ctx.moveTo(focusX, focusY);
+            ctx.lineTo(point.x, point.y);
+            ctx.stroke();
+          }
+
+          ctx.fillStyle = distance < 190 ? "rgba(167, 255, 79, 0.86)" : "rgba(247, 241, 223, 0.28)";
+          ctx.beginPath();
+          ctx.arc(point.x, point.y, point.r, 0, Math.PI * 2);
+          ctx.fill();
+        }
+
+        const pulse = 12 + Math.sin(time * 0.003) * 4;
+        ctx.strokeStyle = "rgba(167, 255, 79, 0.64)";
+        ctx.lineWidth = 1;
+        ctx.beginPath();
+        ctx.arc(focusX, focusY, pulse, 0, Math.PI * 2);
+        ctx.stroke();
+        ctx.fillStyle = "rgba(167, 255, 79, 0.18)";
+        ctx.beginPath();
+        ctx.arc(focusX, focusY, pulse * 2.6, 0, Math.PI * 2);
+        ctx.fill();
+      }
+
+      function frame(time) {
+        drawGrid(time);
+        drawParticles(time);
+        if (!media.matches) requestAnimationFrame(frame);
+      }
+
+      window.addEventListener("resize", resize);
+      window.addEventListener("pointermove", (event) => {
+        pointer = {
+          x: event.clientX / Math.max(window.innerWidth, 1),
+          y: event.clientY / Math.max(window.innerHeight, 1)
+        };
+      });
+
+      const observer = new IntersectionObserver((entries) => {
+        for (const entry of entries) {
+          if (entry.isIntersecting) entry.target.classList.add("is-visible");
+        }
+      }, { threshold: 0.14 });
+
+      document.querySelectorAll(".reveal").forEach((element) => observer.observe(element));
+      resize();
+      requestAnimationFrame(frame);
+    </script>
+  </body>
+</html>

_deploy/product/index.html

@@ -0,0 +1,1002 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta
+    name="description"
+    content="Commercial Human Agent Interface offers: 4h HAI setup, agentic system setup, Sidecar-NG, and Adminspace / Userspace."
+  >
+  <title>Human Agent Interface Products</title>
+  <style>
+    :root {
+      color-scheme: dark;
+      --ink: #f7f1df;
+      --muted: #b7ad97;
+      --quiet: #7a715f;
+      --void: #080806;
+      --charcoal: #11100d;
+      --panel: rgba(247, 241, 223, 0.065);
+      --panel-strong: rgba(247, 241, 223, 0.12);
+      --line: rgba(247, 241, 223, 0.18);
+      --line-strong: rgba(247, 241, 223, 0.32);
+      --signal: #a7ff4f;
+      --copper: #ff9f5f;
+      --cyan: #7dd8ff;
+      --red: #ff5b4f;
+      --max: 1180px;
+      --pad: clamp(18px, 4vw, 56px);
+      --display: Georgia, "Times New Roman", serif;
+      --body: "Aptos", "Segoe UI", "Helvetica Neue", sans-serif;
+      --mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+    }
+
+    * {
+      box-sizing: border-box;
+    }
+
+    html {
+      scroll-behavior: smooth;
+      background: var(--void);
+    }
+
+    body {
+      margin: 0;
+      min-width: 320px;
+      color: var(--ink);
+      background:
+        radial-gradient(circle at 76% 12%, rgba(167, 255, 79, 0.13), transparent 28rem),
+        radial-gradient(circle at 18% 34%, rgba(255, 159, 95, 0.1), transparent 26rem),
+        linear-gradient(180deg, #080806 0%, #11100d 46%, #070806 100%);
+      font-family: var(--body);
+      line-height: 1.5;
+      overflow-x: hidden;
+    }
+
+    body::before {
+      content: "";
+      position: fixed;
+      inset: 0;
+      z-index: 20;
+      pointer-events: none;
+      opacity: 0.24;
+      background-image:
+        linear-gradient(rgba(247, 241, 223, 0.04) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(247, 241, 223, 0.03) 1px, transparent 1px);
+      background-size: 72px 72px;
+      mask-image: linear-gradient(180deg, black, transparent 78%);
+    }
+
+    a {
+      color: inherit;
+      text-decoration: none;
+    }
+
+    p,
+    h1,
+    h2,
+    h3,
+    h4 {
+      margin: 0;
+    }
+
+    .site-shell {
+      position: relative;
+      isolation: isolate;
+    }
+
+    .topbar {
+      position: fixed;
+      inset: 0 0 auto;
+      z-index: 30;
+      display: flex;
+      justify-content: center;
+      padding: 14px var(--pad) 0;
+      pointer-events: none;
+    }
+
+    .topbar-inner {
+      width: min(var(--max), 100%);
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 18px;
+      padding: 12px 14px;
+      border: 1px solid rgba(247, 241, 223, 0.13);
+      background: rgba(8, 8, 6, 0.72);
+      backdrop-filter: blur(18px);
+      box-shadow: 0 18px 70px rgba(0, 0, 0, 0.3);
+      pointer-events: auto;
+    }
+
+    .brand {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      min-width: 0;
+      color: var(--muted);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+
+    .brand-mark {
+      width: 30px;
+      height: 30px;
+      display: grid;
+      place-items: center;
+      border: 1px solid var(--line-strong);
+      color: var(--signal);
+      font-size: 12px;
+    }
+
+    .nav {
+      display: flex;
+      align-items: center;
+      gap: clamp(12px, 2vw, 24px);
+      color: var(--muted);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.06em;
+      text-transform: uppercase;
+    }
+
+    .nav a {
+      opacity: 0.82;
+      transition: color 160ms ease, opacity 160ms ease;
+    }
+
+    .nav a:hover,
+    .nav a:focus-visible {
+      color: var(--ink);
+      opacity: 1;
+    }
+
+    .nav .nav-cta {
+      min-height: 34px;
+      display: inline-flex;
+      align-items: center;
+      padding: 0 12px;
+      border: 1px solid rgba(167, 255, 79, 0.48);
+      background: rgba(167, 255, 79, 0.1);
+      color: var(--ink);
+      opacity: 1;
+    }
+
+    .hero {
+      min-height: 96svh;
+      display: grid;
+      align-items: center;
+      padding: 126px var(--pad) 72px;
+      border-bottom: 1px solid var(--line);
+      background:
+        linear-gradient(90deg, rgba(247, 241, 223, 0.075), transparent 1px),
+        linear-gradient(180deg, rgba(247, 241, 223, 0.04), transparent 1px);
+      background-size: 84px 84px;
+    }
+
+    .hero-inner {
+      width: min(var(--max), 100%);
+      margin: 0 auto;
+      display: grid;
+      grid-template-columns: minmax(0, 0.96fr) minmax(320px, 0.44fr);
+      gap: clamp(32px, 6vw, 88px);
+      align-items: end;
+    }
+
+    .eyebrow,
+    .kicker {
+      color: var(--copper);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+
+    .eyebrow {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      margin-bottom: 18px;
+    }
+
+    .eyebrow::before {
+      content: "";
+      width: 42px;
+      height: 1px;
+      background: var(--copper);
+    }
+
+    h1 {
+      max-width: 920px;
+      font-family: var(--display);
+      font-weight: 500;
+      font-size: clamp(3.4rem, 8.2vw, 7.9rem);
+      line-height: 0.92;
+      letter-spacing: 0;
+      overflow-wrap: break-word;
+      text-wrap: balance;
+    }
+
+    .promise {
+      max-width: 760px;
+      margin-top: 28px;
+      color: var(--ink);
+      font-size: clamp(1.24rem, 2.25vw, 1.85rem);
+      line-height: 1.18;
+      text-wrap: balance;
+    }
+
+    .hero-actions {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 12px;
+      margin-top: 28px;
+      align-items: center;
+    }
+
+    .button {
+      min-height: 52px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: 10px;
+      padding: 0 20px;
+      border: 1px solid var(--line);
+      background: var(--panel);
+      color: var(--ink);
+      font-weight: 800;
+      transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;
+    }
+
+    .button.primary {
+      border-color: rgba(167, 255, 79, 0.7);
+      background: var(--signal);
+      color: #11150d;
+    }
+
+    .button:hover,
+    .button:focus-visible {
+      transform: translateY(-2px);
+      border-color: rgba(247, 241, 223, 0.44);
+      background: var(--panel-strong);
+    }
+
+    .button.primary:hover,
+    .button.primary:focus-visible {
+      border-color: var(--signal);
+      background: #c4ff86;
+    }
+
+    .price-line {
+      color: var(--muted);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.04em;
+      text-transform: uppercase;
+    }
+
+    .proof-panel {
+      border-left: 1px solid var(--line-strong);
+      background: linear-gradient(90deg, rgba(247, 241, 223, 0.075), transparent);
+      padding: 24px;
+    }
+
+    .proof-panel h2 {
+      color: var(--muted);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+
+    .proof-list {
+      display: grid;
+      gap: 14px;
+      margin-top: 18px;
+    }
+
+    .proof-item {
+      display: grid;
+      gap: 4px;
+      padding-bottom: 14px;
+      border-bottom: 1px solid var(--line);
+    }
+
+    .proof-item:last-child {
+      padding-bottom: 0;
+      border-bottom: 0;
+    }
+
+    .proof-item strong {
+      color: var(--ink);
+      font-family: var(--display);
+      font-size: clamp(1.35rem, 2.5vw, 2rem);
+      font-weight: 500;
+      line-height: 1;
+    }
+
+    .proof-item span {
+      color: var(--muted);
+      font-size: 0.95rem;
+    }
+
+    .section {
+      padding: clamp(70px, 10vw, 132px) var(--pad);
+    }
+
+    .section-inner {
+      width: min(var(--max), 100%);
+      margin: 0 auto;
+    }
+
+    .section-head {
+      display: grid;
+      grid-template-columns: minmax(0, 0.8fr) minmax(280px, 0.46fr);
+      gap: clamp(24px, 6vw, 78px);
+      align-items: end;
+      margin-bottom: 36px;
+    }
+
+    h2 {
+      margin-top: 12px;
+      font-family: var(--display);
+      font-size: clamp(2.35rem, 5.8vw, 5.8rem);
+      font-weight: 500;
+      line-height: 0.98;
+      letter-spacing: 0;
+      text-wrap: balance;
+    }
+
+    .section-copy {
+      color: var(--muted);
+      font-size: clamp(1rem, 1.55vw, 1.18rem);
+    }
+
+    .offers-grid {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: 14px;
+    }
+
+    .offer {
+      min-height: 620px;
+      display: grid;
+      grid-template-rows: auto 1fr auto;
+      gap: 28px;
+      padding: clamp(22px, 3vw, 32px);
+      border: 1px solid var(--line);
+      background: rgba(247, 241, 223, 0.045);
+      position: relative;
+      overflow: hidden;
+    }
+
+    .offer::before {
+      content: "";
+      position: absolute;
+      inset: 0;
+      opacity: 0.18;
+      background-image: linear-gradient(135deg, transparent 0 47%, currentColor 48% 49%, transparent 50% 100%);
+      background-size: 38px 38px;
+    }
+
+    .offer:nth-child(1) {
+      color: rgba(167, 255, 79, 0.72);
+    }
+
+    .offer:nth-child(2) {
+      color: rgba(125, 216, 255, 0.66);
+    }
+
+    .offer:nth-child(3) {
+      color: rgba(255, 159, 95, 0.68);
+    }
+
+    .offer:nth-child(4) {
+      color: rgba(255, 91, 79, 0.62);
+    }
+
+    .offer > * {
+      position: relative;
+      z-index: 1;
+    }
+
+    .offer-code {
+      color: var(--quiet);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+
+    .offer h3 {
+      margin-top: 16px;
+      color: var(--ink);
+      font-family: var(--display);
+      font-size: clamp(2rem, 3.7vw, 3.6rem);
+      font-weight: 500;
+      line-height: 0.98;
+      text-wrap: balance;
+    }
+
+    .offer-lede {
+      max-width: 560px;
+      margin-top: 18px;
+      color: var(--muted);
+      font-size: 1.04rem;
+    }
+
+    .offer-spec {
+      display: grid;
+      gap: 18px;
+    }
+
+    .spec-block {
+      padding-top: 16px;
+      border-top: 1px solid var(--line);
+    }
+
+    .spec-block h4 {
+      color: var(--copper);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+
+    .spec-block p {
+      margin-top: 7px;
+      color: var(--ink);
+      font-size: 0.98rem;
+    }
+
+    .spec-block ul {
+      display: grid;
+      gap: 7px;
+      margin: 9px 0 0;
+      padding: 0;
+      color: var(--ink);
+      list-style: none;
+      font-size: 0.98rem;
+    }
+
+    .spec-block li {
+      display: grid;
+      grid-template-columns: 16px 1fr;
+      gap: 8px;
+      align-items: start;
+    }
+
+    .spec-block li::before {
+      content: "";
+      width: 8px;
+      height: 8px;
+      margin-top: 8px;
+      background: currentColor;
+    }
+
+    .offer-footer {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 12px;
+      align-items: center;
+      justify-content: space-between;
+      border-top: 1px solid var(--line);
+      padding-top: 18px;
+    }
+
+    .offer-note {
+      color: var(--quiet);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.04em;
+      text-transform: uppercase;
+    }
+
+    .commercial {
+      border-block: 1px solid var(--line);
+      background:
+        linear-gradient(180deg, rgba(247, 241, 223, 0.05), rgba(247, 241, 223, 0.015)),
+        #0c0d0a;
+    }
+
+    .commercial-grid {
+      display: grid;
+      grid-template-columns: minmax(0, 0.82fr) minmax(280px, 0.48fr);
+      gap: clamp(24px, 6vw, 84px);
+      align-items: center;
+    }
+
+    .commercial h2 {
+      max-width: 760px;
+    }
+
+    .commercial-list {
+      display: grid;
+      gap: 12px;
+      margin-top: 26px;
+      color: var(--muted);
+      font-size: 1rem;
+    }
+
+    .commercial-list p {
+      padding-left: 16px;
+      border-left: 2px solid var(--line-strong);
+    }
+
+    .booking-box {
+      border: 1px solid var(--line-strong);
+      background: rgba(8, 8, 6, 0.52);
+      padding: 24px;
+    }
+
+    .booking-box strong {
+      display: block;
+      color: var(--signal);
+      font-family: var(--display);
+      font-size: clamp(1.9rem, 4vw, 3.2rem);
+      font-weight: 500;
+      line-height: 1;
+    }
+
+    .booking-box p {
+      margin-top: 14px;
+      color: var(--muted);
+    }
+
+    .booking-box .button {
+      width: 100%;
+      margin-top: 22px;
+    }
+
+    .faq-grid {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: 14px;
+    }
+
+    .faq-item {
+      min-height: 190px;
+      padding: 24px;
+      border: 1px solid var(--line);
+      background: rgba(247, 241, 223, 0.045);
+    }
+
+    .faq-item h3 {
+      color: var(--ink);
+      font-family: var(--display);
+      font-size: clamp(1.45rem, 2.4vw, 2.1rem);
+      font-weight: 500;
+      line-height: 1.04;
+    }
+
+    .faq-item p {
+      margin-top: 14px;
+      color: var(--muted);
+      font-size: 1rem;
+    }
+
+    footer {
+      padding: 28px var(--pad);
+      border-top: 1px solid var(--line);
+      color: var(--quiet);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.06em;
+      text-transform: uppercase;
+    }
+
+    .footer-inner {
+      width: min(var(--max), 100%);
+      margin: 0 auto;
+      display: flex;
+      justify-content: space-between;
+      gap: 18px;
+    }
+
+    @media (max-width: 940px) {
+      .hero-inner,
+      .section-head,
+      .commercial-grid {
+        grid-template-columns: 1fr;
+      }
+
+      .hero {
+        min-height: auto;
+      }
+
+      .offers-grid,
+      .faq-grid {
+        grid-template-columns: 1fr;
+      }
+
+      .offer {
+        min-height: auto;
+      }
+    }
+
+    @media (max-width: 700px) {
+      .topbar {
+        position: absolute;
+      }
+
+      .topbar-inner {
+        align-items: flex-start;
+        flex-direction: column;
+      }
+
+      .brand span:last-child {
+        display: none;
+      }
+
+      .nav {
+        width: 100%;
+        display: flex;
+        gap: 14px;
+        overflow-x: auto;
+        padding-bottom: 4px;
+        scrollbar-width: none;
+      }
+
+      .nav::-webkit-scrollbar {
+        display: none;
+      }
+
+      .nav .nav-cta {
+        display: none;
+      }
+
+      .hero {
+        width: 100vw;
+        padding: 148px 20px 58px;
+      }
+
+      .section {
+        width: 100vw;
+        padding-left: 20px;
+        padding-right: 20px;
+      }
+
+      .hero-inner,
+      .section-inner,
+      .footer-inner {
+        width: 350px;
+        max-width: calc(100vw - 40px);
+        margin-left: 0;
+        margin-right: 0;
+      }
+
+      h1 {
+        font-size: clamp(2.8rem, 13.8vw, 4.6rem);
+        line-height: 0.96;
+      }
+
+      h2 {
+        font-size: clamp(2.25rem, 11vw, 3.4rem);
+      }
+
+      .hero-actions,
+      .offer-footer {
+        display: grid;
+      }
+
+      .button {
+        width: 100%;
+      }
+
+      .proof-panel,
+      .booking-box,
+      .faq-item,
+      .offer {
+        padding: 22px;
+      }
+
+      .footer-inner {
+        display: grid;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      *,
+      *::before,
+      *::after {
+        animation-duration: 0.001ms !important;
+        animation-iteration-count: 1 !important;
+        scroll-behavior: auto !important;
+        transition-duration: 0.001ms !important;
+      }
+    }
+  </style>
+</head>
+<body>
+  <div class="site-shell">
+    <header class="topbar" aria-label="Site navigation">
+      <div class="topbar-inner">
+        <a class="brand" href="../index.html" aria-label="Human Agent Interface home">
+          <span class="brand-mark">HAI</span>
+          <span>Human Agent Interface</span>
+        </a>
+        <nav class="nav" aria-label="Product navigation">
+          <a href="../index.html">Home</a>
+          <a href="../what_it_is/">Where HAI comes from</a>
+          <a href="../samuel/">Samuel's work</a>
+          <a href="#offers">Offers</a>
+          <a href="#faq">FAQ</a>
+          <a class="nav-cta" href="mailto:samuel@human-agent-interface.com?subject=Book%20the%204h%20HAI%20Setup&amp;body=Hi%20Samuel%2C%0D%0A%0D%0AI%20want%20to%20book%20the%204h%20HAI%20Setup.%0D%0A%0D%0AMy%20current%20agentic%20workflow%20problem%3A%0D%0A%0D%0ARelevant%20tools%20or%20team%20context%3A%0D%0A%0D%0APreferred%20time%20windows%3A%0D%0A%0D%0AI%20understand%20the%20range%20is%20500-1%2C500%20EUR%20depending%20on%20scope.">Book setup</a>
+        </nav>
+      </div>
+    </header>
+
+    <main id="top">
+      <section class="hero" aria-labelledby="hero-title">
+        <div class="hero-inner">
+          <div>
+            <p class="eyebrow">Commercial HAI offers</p>
+            <h1 id="hero-title">Human Agent Interface Products</h1>
+            <p class="promise">
+              I turn messy AI work into scoped, controllable systems humans can actually own.
+            </p>
+            <div class="hero-actions" aria-label="Primary booking actions">
+              <a
+                class="button primary"
+                href="mailto:samuel@human-agent-interface.com?subject=Book%20the%204h%20HAI%20Setup&amp;body=Hi%20Samuel%2C%0D%0A%0D%0AI%20want%20to%20book%20the%204h%20HAI%20Setup.%0D%0A%0D%0AMy%20current%20agentic%20workflow%20problem%3A%0D%0A%0D%0ARelevant%20tools%20or%20team%20context%3A%0D%0A%0D%0APreferred%20time%20windows%3A%0D%0A%0D%0AI%20understand%20the%20range%20is%20500-1%2C500%20EUR%20depending%20on%20scope."
+              >Book the 4h HAI Setup</a>
+              <span class="price-line">500-1,500 EUR depending on scope</span>
+            </div>
+          </div>
+
+          <aside class="proof-panel" aria-label="Evidence">
+            <h2>Evidence behind the work</h2>
+            <div class="proof-list">
+              <div class="proof-item">
+                <strong>Lived practice</strong>
+                <span>Built from agentic work in real projects, local systems, and evaluation loops.</span>
+              </div>
+              <div class="proof-item">
+                <strong>Sidecar-NG / AgentArena</strong>
+                <span>Experience from building watcher, verifier, and agent-evaluation systems.</span>
+              </div>
+              <div class="proof-item">
+                <strong>97.3%</strong>
+                <span>Eval result in an internal Sidecar-NG V2 benchmark, not a third-party audited claim.</span>
+              </div>
+            </div>
+          </aside>
+        </div>
+      </section>
+
+      <section class="section" id="offers" aria-labelledby="offers-title">
+        <div class="section-inner">
+          <div class="section-head">
+            <div>
+              <p class="kicker">Four real offers</p>
+              <h2 id="offers-title">Pick the product that matches the shape of your agentic problem.</h2>
+            </div>
+            <p class="section-copy">
+              The first commercial wedge is the 4h setup. The other offers are concrete directions
+              for deeper system work once the current workflow, risk, and ownership problem is visible.
+            </p>
+          </div>
+
+          <div class="offers-grid">
+            <article class="offer" aria-labelledby="audit-title">
+              <div>
+                <span class="offer-code">Offer 01 / Paid setup</span>
+                <h3 id="audit-title">Personal HAI Audit</h3>
+                <p class="offer-lede">
+                  A 4h teardown and rebuild of how you currently work with agents.
+                </p>
+              </div>
+              <div class="offer-spec">
+                <div class="spec-block">
+                  <h4>Who it is for</h4>
+                  <p>Founders, builders, developers, and operators already using Claude Code, Codex, Cursor, Cline, Aider, or similar agentic tools.</p>
+                </div>
+                <div class="spec-block">
+                  <h4>Problem it solves</h4>
+                  <p>You have momentum, but the work fragments into chats, half-plans, unclear decisions, and agent output you do not fully own.</p>
+                </div>
+                <div class="spec-block">
+                  <h4>What happens</h4>
+                  <p>We inspect the current workflow, identify failure points, separate human decisions from delegable work, and redesign the next agent loop.</p>
+                </div>
+                <div class="spec-block">
+                  <h4>Deliverables</h4>
+                  <ul>
+                    <li>Workflow diagnosis</li>
+                    <li>Rewritten next-action packet</li>
+                    <li>Tool/setup changes to make immediately</li>
+                    <li>Risks, limits, and stop rules</li>
+                  </ul>
+                </div>
+              </div>
+              <div class="offer-footer">
+                <span class="offer-note">500-1,500 EUR depending on scope</span>
+                <a class="button primary" href="mailto:samuel@human-agent-interface.com?subject=Book%20Personal%20HAI%20Audit&amp;body=Hi%20Samuel%2C%0D%0A%0D%0AI%20want%20to%20book%20a%204h%20Personal%20HAI%20Audit.%0D%0A%0D%0AMy%20current%20workflow%20problem%3A%0D%0A%0D%0ATools%20I%20use%3A%0D%0A%0D%0APreferred%20time%20windows%3A">Book this setup</a>
+              </div>
+            </article>
+
+            <article class="offer" aria-labelledby="system-title">
+              <div>
+                <span class="offer-code">Offer 02 / Build the system</span>
+                <h3 id="system-title">Agentic System Setup</h3>
+                <p class="offer-lede">
+                  A practical setup for people who need a working harness, not another AI strategy note.
+                </p>
+              </div>
+              <div class="offer-spec">
+                <div class="spec-block">
+                  <h4>Who it is for</h4>
+                  <p>Technical founders, small teams, and serious individual builders who want repeatable agentic work across projects.</p>
+                </div>
+                <div class="spec-block">
+                  <h4>Problem it solves</h4>
+                  <p>Your tools can run, but the operating system around them is missing: roles, permissions, artifacts, verification, and handoff.</p>
+                </div>
+                <div class="spec-block">
+                  <h4>What happens</h4>
+                  <p>We design the minimum agentic operating loop, configure role boundaries, and define how work moves from request to execution to verification.</p>
+                </div>
+                <div class="spec-block">
+                  <h4>Deliverables</h4>
+                  <ul>
+                    <li>Agent role map</li>
+                    <li>Bounded execution workflow</li>
+                    <li>Verifier path and definition of done</li>
+                    <li>Handoff packet for repeated use</li>
+                  </ul>
+                </div>
+              </div>
+              <div class="offer-footer">
+                <span class="offer-note">Best after one audit or clear system pain</span>
+                <a class="button" href="mailto:samuel@human-agent-interface.com?subject=Agentic%20System%20Setup&amp;body=Hi%20Samuel%2C%0D%0A%0D%0AI%20am%20interested%20in%20an%20Agentic%20System%20Setup.%0D%0A%0D%0AWhat%20I%20want%20the%20system%20to%20do%3A%0D%0A%0D%0ACurrent%20tools%20and%20constraints%3A%0D%0A%0D%0ATeam%20or%20solo%20context%3A">Scope this setup</a>
+              </div>
+            </article>
+
+            <article class="offer" aria-labelledby="sidecar-title">
+              <div>
+                <span class="offer-code">Offer 03 / Prototype-backed layer</span>
+                <h3 id="sidecar-title">Sidecar / Sidecar-NG</h3>
+                <p class="offer-lede">
+                  A watcher and downscope layer for long, risky, or overloaded human-agent sessions.
+                </p>
+              </div>
+              <div class="offer-spec">
+                <div class="spec-block">
+                  <h4>Who it is for</h4>
+                  <p>Heavy agent users who lose focus, over-delegate, miss stop points, or need a second system watching the collaboration itself.</p>
+                </div>
+                <div class="spec-block">
+                  <h4>Problem it solves</h4>
+                  <p>The main agent optimizes for doing work. Sidecar watches the interaction: scope, overload, drift, verification gaps, and human decision points.</p>
+                </div>
+                <div class="spec-block">
+                  <h4>What happens</h4>
+                  <p>We map where your sessions fail and decide whether a Sidecar-style watcher, prompt layer, or workflow rule set is the right intervention.</p>
+                </div>
+                <div class="spec-block">
+                  <h4>Deliverables</h4>
+                  <ul>
+                    <li>Sidecar-fit assessment</li>
+                    <li>Watcher rules or prompt layer</li>
+                    <li>Downscope triggers and intervention points</li>
+                    <li>Prototype path if a custom layer is worth building</li>
+                  </ul>
+                </div>
+              </div>
+              <div class="offer-footer">
+                <span class="offer-note">Prototype direction, not mature SaaS</span>
+                <a class="button" href="mailto:samuel@human-agent-interface.com?subject=Sidecar%20%2F%20Sidecar-NG%20fit&amp;body=Hi%20Samuel%2C%0D%0A%0D%0AI%20want%20to%20understand%20whether%20Sidecar%20%2F%20Sidecar-NG%20fits%20my%20workflow.%0D%0A%0D%0AWhere%20my%20agent%20sessions%20drift%20or%20overload%3A%0D%0A%0D%0ATools%20I%20use%3A">Check Sidecar fit</a>
+              </div>
+            </article>
+
+            <article class="offer" aria-labelledby="admin-title">
+              <div>
+                <span class="offer-code">Offer 04 / Team architecture</span>
+                <h3 id="admin-title">Adminspace / Userspace</h3>
+                <p class="offer-lede">
+                  Separate productive agent use from governance, review, permissions, and system evolution.
+                </p>
+              </div>
+              <div class="offer-spec">
+                <div class="spec-block">
+                  <h4>Who it is for</h4>
+                  <p>Companies and technical teams where multiple people or agents touch the same workflows, repositories, or operational decisions.</p>
+                </div>
+                <div class="spec-block">
+                  <h4>Problem it solves</h4>
+                  <p>Teams blur user work, admin work, security decisions, prompt changes, review, and tool access until no one owns the risk.</p>
+                </div>
+                <div class="spec-block">
+                  <h4>What happens</h4>
+                  <p>We draw the boundary between userspace and adminspace, then define who can change agents, approve work, inspect evidence, and stop runs.</p>
+                </div>
+                <div class="spec-block">
+                  <h4>Deliverables</h4>
+                  <ul>
+                    <li>Userspace/adminspace separation map</li>
+                    <li>Permission and review model</li>
+                    <li>Governance and escalation gates</li>
+                    <li>Next pilot slice for a real team workflow</li>
+                  </ul>
+                </div>
+              </div>
+              <div class="offer-footer">
+                <span class="offer-note">Company/team discovery first</span>
+                <a class="button" href="mailto:samuel@human-agent-interface.com?subject=Adminspace%20%2F%20Userspace%20for%20a%20team&amp;body=Hi%20Samuel%2C%0D%0A%0D%0AI%20want%20to%20discuss%20Adminspace%20%2F%20Userspace%20for%20a%20company%20or%20team.%0D%0A%0D%0ATeam%20context%3A%0D%0A%0D%0AWhere%20agent%20control%2C%20permissions%2C%20or%20review%20are%20unclear%3A">Map team system</a>
+              </div>
+            </article>
+          </div>
+        </div>
+      </section>
+
+      <section class="section commercial" id="book" aria-labelledby="book-title">
+        <div class="section-inner commercial-grid">
+          <div>
+            <p class="kicker">First commercial step</p>
+            <h2 id="book-title">Start with one paid 4h setup. Not a vague AI chat.</h2>
+            <div class="commercial-list">
+              <p>You bring one real agentic workflow problem, not a hypothetical transformation program.</p>
+              <p>We leave with a concrete setup, packet, boundary model, or decision about what not to build.</p>
+              <p>The work is honest about limits: model quality, human ownership, and problem fit still matter.</p>
+            </div>
+          </div>
+          <aside class="booking-box" aria-label="Booking details">
+            <strong>4 hours</strong>
+            <p>500-1,500 EUR depending on scope. The exact scope is agreed before the session.</p>
+            <a
+              class="button primary"
+              href="mailto:samuel@human-agent-interface.com?subject=Book%20the%204h%20HAI%20Setup&amp;body=Hi%20Samuel%2C%0D%0A%0D%0AI%20want%20to%20book%20the%204h%20HAI%20Setup.%0D%0A%0D%0AMy%20current%20agentic%20workflow%20problem%3A%0D%0A%0D%0ARelevant%20tools%20or%20team%20context%3A%0D%0A%0D%0APreferred%20time%20windows%3A%0D%0A%0D%0AI%20understand%20the%20range%20is%20500-1%2C500%20EUR%20depending%20on%20scope."
+            >Book the 4h HAI Setup</a>
+          </aside>
+        </div>
+      </section>
+
+      <section class="section" id="faq" aria-labelledby="faq-title">
+        <div class="section-inner">
+          <div class="section-head">
+            <div>
+              <p class="kicker">FAQ</p>
+              <h2 id="faq-title">Commercially clear, technically honest.</h2>
+            </div>
+            <p class="section-copy">
+              HAI is early, but not vague. The first sale is a setup session. The deeper products grow from real workflow evidence.
+            </p>
+          </div>
+
+          <div class="faq-grid">
+            <article class="faq-item">
+              <h3>Is this consulting or software?</h3>
+              <p>Today, the first offer is a paid setup and audit. Some parts are software-backed, especially Sidecar-NG and evaluation work, but the sale starts with the human workflow.</p>
+            </article>
+            <article class="faq-item">
+              <h3>Who is this for?</h3>
+              <p>People already working with agents who feel the cost of unclear scope, context drift, weak verification, too many threads, or tool setups that do not fit how they think.</p>
+            </article>
+            <article class="faq-item">
+              <h3>What do I get after 4 hours?</h3>
+              <p>A diagnosis of the current setup, concrete workflow changes, a next-action packet, and a clearer boundary between human decisions and agent-executable work.</p>
+            </article>
+            <article class="faq-item">
+              <h3>Is Sidecar-NG a product or a prototype?</h3>
+              <p>It is prototype-backed product direction. The benchmark result is internal evidence, not an audited market claim. The setup decides whether a watcher layer fits your case.</p>
+            </article>
+            <article class="faq-item">
+              <h3>Can this work for a company/team?</h3>
+              <p>Yes, but the team version starts by mapping userspace, adminspace, ownership, review, permissions, and stop rules before any larger rollout.</p>
+            </article>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <footer>
+      <div class="footer-inner">
+        <span>Human Agent Interface Products</span>
+        <span>Commercial HAI / Setup / Sidecar / Adminspace</span>
+      </div>
+    </footer>
+  </div>
+</body>
+</html>

_deploy/samuel/index.html

@@ -0,0 +1,1243 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta
+    name="description"
+    content="Samuel Fleig's trust page for Human Agent Interface: lived agentic practice, Sidecar, HAI, harnesses, control surfaces, and human-owned workflows."
+  >
+  <title>Samuel Fleig - Human Agent Interface Trust</title>
+  <style>
+    :root {
+      color-scheme: dark;
+      --ink: #f5efdf;
+      --muted: #b9ad95;
+      --quiet: #766d5e;
+      --black: #080806;
+      --charcoal: #11100d;
+      --panel: rgba(245, 239, 223, 0.06);
+      --panel-strong: rgba(245, 239, 223, 0.11);
+      --line: rgba(245, 239, 223, 0.16);
+      --line-strong: rgba(245, 239, 223, 0.32);
+      --gold: #e6a83a;
+      --signal: #83dbc8;
+      --ember: #df6242;
+      --green: #a7ff4f;
+      --max: 1180px;
+      --pad: clamp(18px, 4vw, 56px);
+      --display: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
+      --body: "Neue Haas Grotesk Text", "Aptos", "Segoe UI", sans-serif;
+      --mono: "Berkeley Mono", "Iosevka", "SFMono-Regular", Consolas, monospace;
+    }
+
+    * {
+      box-sizing: border-box;
+    }
+
+    html {
+      scroll-behavior: smooth;
+      background: var(--black);
+    }
+
+    body {
+      margin: 0;
+      min-width: 320px;
+      color: var(--ink);
+      font-family: var(--body);
+      background:
+        radial-gradient(circle at 76% 10%, rgba(131, 219, 200, 0.11), transparent 30vw),
+        radial-gradient(circle at 15% 42%, rgba(223, 98, 66, 0.08), transparent 26vw),
+        linear-gradient(180deg, #080806 0%, #12100d 48%, #090a08 100%);
+      overflow-x: hidden;
+    }
+
+    body::before {
+      content: "";
+      position: fixed;
+      inset: 0;
+      pointer-events: none;
+      z-index: 20;
+      opacity: 0.22;
+      background-image:
+        linear-gradient(rgba(245, 239, 223, 0.04) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(245, 239, 223, 0.032) 1px, transparent 1px);
+      background-size: 78px 78px;
+      mask-image: linear-gradient(180deg, black, transparent 78%);
+    }
+
+    a {
+      color: inherit;
+      text-decoration: none;
+    }
+
+    h1,
+    h2,
+    h3,
+    p {
+      margin: 0;
+    }
+
+    .site-shell {
+      position: relative;
+      isolation: isolate;
+    }
+
+    .grain {
+      position: fixed;
+      inset: 0;
+      pointer-events: none;
+      z-index: 30;
+      opacity: 0.13;
+      mix-blend-mode: overlay;
+      background-image:
+        repeating-radial-gradient(circle at 17% 23%, rgba(255, 255, 255, 0.35) 0 1px, transparent 1px 5px);
+      background-size: 180px 180px;
+    }
+
+    .topbar {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 40;
+      display: flex;
+      justify-content: center;
+      pointer-events: none;
+      padding: 14px var(--pad) 0;
+    }
+
+    .topbar-inner {
+      width: min(var(--max), 100%);
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 18px;
+      padding: 12px 14px;
+      border: 1px solid rgba(245, 239, 223, 0.12);
+      background: rgba(8, 8, 6, 0.7);
+      backdrop-filter: blur(18px);
+      box-shadow: 0 18px 70px rgba(0, 0, 0, 0.3);
+      pointer-events: auto;
+    }
+
+    .mark {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      min-width: 0;
+      color: var(--muted);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+
+    .mark-symbol {
+      width: 28px;
+      height: 28px;
+      display: grid;
+      place-items: center;
+      flex: 0 0 auto;
+      border: 1px solid var(--line-strong);
+      color: var(--gold);
+      font-size: 13px;
+      line-height: 1;
+    }
+
+    .nav {
+      display: flex;
+      align-items: center;
+      gap: clamp(12px, 2vw, 28px);
+      color: var(--muted);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.06em;
+      text-transform: uppercase;
+    }
+
+    .nav a {
+      opacity: 0.82;
+      transition: color 160ms ease, opacity 160ms ease;
+    }
+
+    .nav a:hover,
+    .nav a:focus-visible {
+      color: var(--ink);
+      opacity: 1;
+    }
+
+    .hero {
+      position: relative;
+      min-height: 94svh;
+      display: grid;
+      align-items: end;
+      padding: 126px var(--pad) 8svh;
+      overflow: hidden;
+      border-bottom: 1px solid var(--line);
+    }
+
+    #authorityCanvas {
+      position: absolute;
+      inset: 0;
+      width: 100%;
+      height: 100%;
+      z-index: -2;
+      background: #080806;
+    }
+
+    .hero::after {
+      content: "";
+      position: absolute;
+      inset: 0;
+      z-index: -1;
+      background:
+        linear-gradient(90deg, rgba(8, 8, 6, 0.98) 0%, rgba(8, 8, 6, 0.78) 45%, rgba(8, 8, 6, 0.28) 100%),
+        linear-gradient(180deg, rgba(8, 8, 6, 0.1), rgba(8, 8, 6, 0.88));
+    }
+
+    .hero-inner {
+      width: min(var(--max), 100%);
+      margin: 0 auto;
+      display: grid;
+      grid-template-columns: minmax(0, 0.95fr) minmax(260px, 0.48fr);
+      gap: clamp(30px, 7vw, 96px);
+      align-items: end;
+    }
+
+    .eyebrow {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      margin-bottom: 24px;
+      color: var(--gold);
+      font-family: var(--mono);
+      font-size: clamp(11px, 1.35vw, 13px);
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+    }
+
+    .eyebrow::before {
+      content: "";
+      width: 38px;
+      height: 1px;
+      background: var(--gold);
+      box-shadow: 0 0 26px rgba(230, 168, 58, 0.9);
+    }
+
+    h1 {
+      max-width: 980px;
+      font-family: var(--display);
+      font-weight: 500;
+      font-size: clamp(56px, 10.5vw, 148px);
+      line-height: 0.88;
+      letter-spacing: 0;
+      text-wrap: balance;
+      overflow-wrap: break-word;
+    }
+
+    .hero-lede {
+      max-width: 760px;
+      margin-top: clamp(28px, 5vw, 48px);
+      color: var(--ink);
+      font-size: clamp(22px, 3vw, 38px);
+      line-height: 1.08;
+      letter-spacing: 0;
+      text-wrap: balance;
+    }
+
+    .hero-copy {
+      max-width: 650px;
+      margin-top: 22px;
+      color: var(--muted);
+      font-size: clamp(16px, 1.55vw, 19px);
+      line-height: 1.55;
+    }
+
+    .hero-actions {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 12px;
+      margin-top: 28px;
+    }
+
+    .button {
+      min-height: 48px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      padding: 0 18px;
+      border: 1px solid var(--line);
+      background: rgba(245, 239, 223, 0.055);
+      color: var(--ink);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.06em;
+      text-transform: uppercase;
+      transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
+    }
+
+    .button.primary {
+      border-color: rgba(167, 255, 79, 0.7);
+      background: rgba(167, 255, 79, 0.16);
+      color: var(--green);
+    }
+
+    .button:hover,
+    .button:focus-visible {
+      transform: translateY(-2px);
+      border-color: var(--line-strong);
+      background: rgba(245, 239, 223, 0.095);
+    }
+
+    .hero-aside {
+      display: grid;
+      gap: 16px;
+    }
+
+    .aside-note {
+      padding: 22px;
+      border-left: 1px solid var(--line-strong);
+      background: linear-gradient(90deg, rgba(245, 239, 223, 0.07), transparent);
+    }
+
+    .aside-note strong {
+      display: block;
+      margin-bottom: 10px;
+      color: var(--signal);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+    }
+
+    .aside-note span {
+      display: block;
+      color: var(--muted);
+      font-size: 15px;
+      line-height: 1.48;
+    }
+
+    section {
+      position: relative;
+      padding: clamp(76px, 11vw, 148px) var(--pad);
+    }
+
+    .section-inner {
+      width: min(var(--max), 100%);
+      margin: 0 auto;
+    }
+
+    .split {
+      display: grid;
+      grid-template-columns: minmax(0, 0.85fr) minmax(280px, 0.58fr);
+      gap: clamp(30px, 7vw, 92px);
+      align-items: start;
+    }
+
+    .kicker {
+      margin-bottom: 18px;
+      color: var(--gold);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.11em;
+      text-transform: uppercase;
+    }
+
+    .section-title {
+      max-width: 900px;
+      font-family: var(--display);
+      font-size: clamp(42px, 7vw, 94px);
+      font-weight: 500;
+      line-height: 0.94;
+      letter-spacing: 0;
+      text-wrap: balance;
+    }
+
+    .section-copy {
+      max-width: 780px;
+      margin-top: 24px;
+      color: var(--muted);
+      font-size: clamp(17px, 2vw, 23px);
+      line-height: 1.45;
+      text-wrap: balance;
+    }
+
+    .body-copy {
+      color: var(--muted);
+      font-size: clamp(17px, 1.65vw, 20px);
+      line-height: 1.55;
+    }
+
+    .body-copy + .body-copy {
+      margin-top: 20px;
+    }
+
+    .metrics {
+      display: grid;
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+      gap: 1px;
+      margin-top: clamp(38px, 6vw, 68px);
+      border: 1px solid var(--line);
+      background: var(--line);
+    }
+
+    .metric {
+      min-height: 170px;
+      padding: 22px;
+      display: grid;
+      align-content: space-between;
+      gap: 28px;
+      background: rgba(8, 8, 6, 0.84);
+    }
+
+    .metric strong {
+      font-family: var(--display);
+      font-size: clamp(32px, 4.8vw, 60px);
+      line-height: 0.9;
+      font-weight: 500;
+    }
+
+    .metric span {
+      color: var(--quiet);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.08em;
+      line-height: 1.35;
+      text-transform: uppercase;
+    }
+
+    .metric.highlight {
+      background: var(--gold);
+      color: var(--black);
+    }
+
+    .metric.highlight span {
+      color: rgba(8, 8, 6, 0.72);
+    }
+
+    .systems {
+      border-block: 1px solid var(--line);
+      background:
+        linear-gradient(180deg, rgba(245, 239, 223, 0.035), rgba(245, 239, 223, 0.01)),
+        rgba(10, 10, 8, 0.72);
+    }
+
+    .system-grid {
+      display: grid;
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+      gap: 12px;
+      margin-top: clamp(40px, 7vw, 76px);
+    }
+
+    .system-card {
+      min-height: 230px;
+      padding: 22px;
+      border: 1px solid var(--line);
+      background: rgba(245, 239, 223, 0.045);
+    }
+
+    .system-card b {
+      color: var(--signal);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+    }
+
+    .system-card h3 {
+      margin-top: 40px;
+      font-family: var(--display);
+      font-size: clamp(26px, 3vw, 38px);
+      font-weight: 500;
+      line-height: 0.98;
+    }
+
+    .system-card p {
+      margin-top: 16px;
+      color: var(--muted);
+      font-size: 15px;
+      line-height: 1.45;
+    }
+
+    .origin {
+      overflow: hidden;
+      border-bottom: 1px solid var(--line);
+    }
+
+    .origin::before {
+      content: "SCOPE EXPLOSION";
+      position: absolute;
+      right: -0.05em;
+      top: 50%;
+      transform: translateY(-50%);
+      color: rgba(245, 239, 223, 0.035);
+      font-family: var(--mono);
+      font-size: clamp(82px, 15vw, 220px);
+      letter-spacing: 0;
+      white-space: nowrap;
+      z-index: -1;
+    }
+
+    .origin-steps {
+      display: grid;
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+      gap: 1px;
+      margin-top: clamp(42px, 7vw, 82px);
+      border: 1px solid var(--line);
+      background: var(--line);
+    }
+
+    .origin-step {
+      min-height: 265px;
+      padding: clamp(22px, 3vw, 30px);
+      display: grid;
+      align-content: space-between;
+      background: rgba(8, 8, 6, 0.84);
+    }
+
+    .origin-step span {
+      color: var(--ember);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.12em;
+      text-transform: uppercase;
+    }
+
+    .origin-step h3 {
+      font-family: var(--display);
+      font-size: clamp(30px, 4vw, 52px);
+      font-weight: 500;
+      line-height: 0.95;
+    }
+
+    .origin-step p {
+      color: var(--muted);
+      font-size: 16px;
+      line-height: 1.42;
+    }
+
+    .proof-lines {
+      border-bottom: 1px solid var(--line);
+      background:
+        linear-gradient(180deg, rgba(8, 8, 6, 0.98), rgba(17, 16, 13, 0.98)),
+        radial-gradient(circle at 10% 90%, rgba(230, 168, 58, 0.12), transparent 30vw);
+    }
+
+    .line-grid {
+      display: grid;
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: 1px;
+      margin-top: clamp(40px, 7vw, 78px);
+      border: 1px solid var(--line);
+      background: var(--line);
+    }
+
+    .line-item {
+      min-height: 250px;
+      padding: clamp(24px, 4vw, 38px);
+      background: rgba(8, 8, 6, 0.84);
+    }
+
+    .line-item span {
+      color: var(--signal);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+    }
+
+    .line-item h3 {
+      margin-top: 36px;
+      font-family: var(--display);
+      font-size: clamp(31px, 4.4vw, 56px);
+      font-weight: 500;
+      line-height: 0.96;
+    }
+
+    .line-item p {
+      margin-top: 20px;
+      color: var(--muted);
+      font-size: 17px;
+      line-height: 1.46;
+    }
+
+    .portfolio {
+      background: var(--ink);
+      color: #10110d;
+    }
+
+    .portfolio .kicker {
+      color: rgba(16, 17, 13, 0.64);
+    }
+
+    .portfolio .section-copy {
+      color: rgba(16, 17, 13, 0.68);
+    }
+
+    .proof-strip {
+      display: grid;
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+      gap: 12px;
+      margin-top: clamp(40px, 7vw, 76px);
+    }
+
+    .proof-card {
+      min-height: 390px;
+      display: grid;
+      grid-template-rows: 190px 1fr;
+      border: 1px solid rgba(16, 17, 13, 0.18);
+      background: rgba(16, 17, 13, 0.045);
+      overflow: hidden;
+    }
+
+    .proof-card img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      display: block;
+      filter: saturate(0.82) contrast(1.08);
+      border-bottom: 1px solid rgba(16, 17, 13, 0.16);
+    }
+
+    .proof-card div {
+      padding: 20px;
+    }
+
+    .proof-card span {
+      display: block;
+      margin-bottom: 16px;
+      color: rgba(16, 17, 13, 0.58);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.09em;
+      text-transform: uppercase;
+    }
+
+    .proof-card h3 {
+      font-family: var(--display);
+      font-size: clamp(25px, 3vw, 36px);
+      font-weight: 500;
+      line-height: 0.98;
+    }
+
+    .proof-card p {
+      margin-top: 14px;
+      color: rgba(16, 17, 13, 0.72);
+      font-size: 15px;
+      line-height: 1.44;
+    }
+
+    .mirror-note {
+      margin-top: 20px;
+      color: rgba(16, 17, 13, 0.6);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.06em;
+      line-height: 1.45;
+      text-transform: uppercase;
+    }
+
+    .client {
+      min-height: 84svh;
+      display: grid;
+      align-items: center;
+      border-bottom: 1px solid var(--line);
+    }
+
+    .client-grid {
+      display: grid;
+      grid-template-columns: minmax(0, 0.95fr) minmax(260px, 0.54fr);
+      gap: clamp(30px, 7vw, 92px);
+      align-items: end;
+    }
+
+    .client h2 {
+      font-family: var(--display);
+      font-size: clamp(46px, 8vw, 108px);
+      font-weight: 500;
+      line-height: 0.92;
+      letter-spacing: 0;
+      text-wrap: balance;
+    }
+
+    .client p {
+      max-width: 720px;
+      margin-top: 28px;
+      color: var(--muted);
+      font-size: clamp(18px, 2vw, 24px);
+      line-height: 1.42;
+    }
+
+    .client-panel {
+      padding: 28px;
+      border-left: 1px solid var(--line-strong);
+      background: linear-gradient(90deg, rgba(245, 239, 223, 0.065), transparent);
+    }
+
+    .client-panel span {
+      display: block;
+      margin-bottom: 16px;
+      color: var(--gold);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+    }
+
+    .client-panel p {
+      margin: 0;
+      color: var(--ink);
+      font-size: 20px;
+      line-height: 1.35;
+    }
+
+    .client-panel .button {
+      margin-top: 24px;
+    }
+
+    .footer {
+      padding: 24px var(--pad);
+      border-top: 1px solid var(--line);
+      color: var(--quiet);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+
+    .footer-inner {
+      width: min(var(--max), 100%);
+      margin: 0 auto;
+      display: flex;
+      justify-content: space-between;
+      gap: 18px;
+      flex-wrap: wrap;
+    }
+
+    @media (max-width: 1060px) {
+      .metrics,
+      .system-grid,
+      .origin-steps,
+      .proof-strip {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+
+      .hero-inner,
+      .split,
+      .client-grid {
+        grid-template-columns: 1fr;
+      }
+
+      .hero-aside {
+        max-width: 620px;
+      }
+    }
+
+    @media (max-width: 720px) {
+      .topbar {
+        position: absolute;
+      }
+
+      .topbar-inner {
+        align-items: flex-start;
+        flex-direction: column;
+      }
+
+      .nav {
+        width: 100%;
+        gap: 14px;
+        overflow-x: auto;
+        padding-bottom: 4px;
+        scrollbar-width: none;
+      }
+
+      .nav::-webkit-scrollbar {
+        display: none;
+      }
+
+      .hero {
+        min-height: auto;
+        width: 100vw;
+        padding: 148px 20px 62px;
+      }
+
+      h1 {
+        max-width: calc(100vw - 40px);
+        font-size: clamp(48px, 13.2vw, 68px);
+        line-height: 0.96;
+        text-wrap: wrap;
+      }
+
+      .hero-inner,
+      .hero-lede,
+      .hero-copy,
+      .section-inner,
+      .footer-inner {
+        width: 350px;
+        max-width: calc(100vw - 40px);
+      }
+
+      .hero-inner,
+      .section-inner,
+      .footer-inner {
+        margin-left: 0;
+        margin-right: 0;
+      }
+
+      .hero-aside {
+        display: none;
+      }
+
+      .metrics,
+      .system-grid,
+      .origin-steps,
+      .line-grid,
+      .proof-strip {
+        grid-template-columns: 1fr;
+      }
+
+      .metric,
+      .system-card,
+      .origin-step,
+      .line-item {
+        min-height: auto;
+      }
+
+      .proof-card {
+        min-height: auto;
+        grid-template-rows: 165px 1fr;
+      }
+
+      .button {
+        width: 100%;
+      }
+
+      .client {
+        min-height: auto;
+      }
+
+      .client-panel {
+        padding: 22px 0 0;
+        border-left: 0;
+        border-top: 1px solid var(--line-strong);
+        background: transparent;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      *,
+      *::before,
+      *::after {
+        animation-duration: 0.001ms !important;
+        animation-iteration-count: 1 !important;
+        scroll-behavior: auto !important;
+        transition-duration: 0.001ms !important;
+      }
+    }
+  </style>
+</head>
+<body>
+  <div class="site-shell">
+    <div class="grain" aria-hidden="true"></div>
+
+    <header class="topbar" aria-label="Site navigation">
+      <div class="topbar-inner">
+        <a class="mark" href="../index.html" aria-label="Back to Human Agent Interface home">
+          <span class="mark-symbol">SF</span>
+          <span>Samuel's work</span>
+        </a>
+        <nav class="nav" aria-label="Page sections">
+          <a href="../index.html">Home</a>
+          <a href="../what_it_is/">Where HAI comes from</a>
+          <a href="../tripwire-map/">Proof</a>
+          <a href="#contact">Contact</a>
+        </nav>
+      </div>
+    </header>
+
+    <main id="top">
+      <section class="hero" aria-labelledby="hero-title">
+        <canvas id="authorityCanvas" aria-hidden="true"></canvas>
+        <div class="hero-inner">
+          <div>
+            <p class="eyebrow">Trust / lived authority</p>
+            <h1 id="hero-title">Why Samuel can talk about agentic work.</h1>
+            <p class="hero-lede">
+              HAI did not start as branding. It came from long-running agent practice, broken control surfaces,
+              overloaded threads, and the need to turn agent chaos into one supervised next action.
+            </p>
+            <p class="hero-copy">
+              Samuel works inside agent systems: terminal agents, IDE agents, custom profiles, Sidecar experiments,
+              harnesses, and human-owned workflows. The point is not more automation. The point is work that remains
+              understandable, scoped, and owned by the human.
+            </p>
+            <div class="hero-actions">
+              <a class="button primary" href="#contact">Bring one messy agent workflow</a>
+              <a class="button" href="../tripwire-map/">See control proof</a>
+            </div>
+          </div>
+
+          <aside class="hero-aside" aria-label="Positioning note">
+            <div class="aside-note">
+              <strong>Not an about page</strong>
+              <span>
+                This page is about trust: the systems tried, the failures absorbed, the artifacts created,
+                and the working discipline that became Human Agent Interface.
+              </span>
+            </div>
+            <div class="aside-note">
+              <strong>Strong, but clean</strong>
+              <span>
+                No founder mythology. The claim is simple: HAI comes from real agentic work, not from a slide deck.
+              </span>
+            </div>
+          </aside>
+        </div>
+      </section>
+
+      <section aria-labelledby="missing-title">
+        <div class="section-inner">
+          <p class="kicker">The missing trust layer</p>
+          <h2 class="section-title" id="missing-title">The concept makes sense because the failure mode was lived first.</h2>
+          <p class="section-copy">
+            Raw agent work can look productive while making the human less oriented. Threads multiply, tools disagree,
+            scope expands, and the next responsible action gets harder to name. HAI is a response to that lived failure mode.
+          </p>
+          <div class="metrics" aria-label="Practice signals">
+            <article class="metric highlight">
+              <strong>Years</strong>
+              <span>of hands-on agent practice</span>
+            </article>
+            <article class="metric">
+              <strong>Hours</strong>
+              <span>thousands across agent systems</span>
+            </article>
+            <article class="metric">
+              <strong>~197</strong>
+              <span>HTML artifacts over 24 days in the local timeline source</span>
+            </article>
+            <article class="metric">
+              <strong>Many</strong>
+              <span>agent setups, profiles, dashboards, harnesses, and failed control surfaces</span>
+            </article>
+          </div>
+        </div>
+      </section>
+
+      <section class="systems" id="systems" aria-labelledby="systems-title">
+        <div class="section-inner">
+          <p class="kicker">Systems operated</p>
+          <h2 class="section-title" id="systems-title">This is not generic AI training. It is operational agent work.</h2>
+          <p class="section-copy">
+            The work spans tools, surfaces, and roles. The recurring lesson is that model quality alone is not enough;
+            the agent system has to fit how the human thinks, decides, checks, and stops.
+          </p>
+
+          <div class="system-grid" aria-label="Agent system experience">
+            <article class="system-card">
+              <b>Terminal and IDE agents</b>
+              <h3>Claude Code, Codex, OpenCode, Gemini.</h3>
+              <p>Daily work inside code agents, CLI workflows, project state, patches, verification, and handoffs.</p>
+            </article>
+            <article class="system-card">
+              <b>Profile systems</b>
+              <h3>Hermes, OpenClaude, custom agents.</h3>
+              <p>Agent behavior shaped through profiles, skills, modes, memory, review gates, and role separation.</p>
+            </article>
+            <article class="system-card">
+              <b>Control surfaces</b>
+              <h3>Sidecar, dashboards, owner views.</h3>
+              <p>Interfaces for overload, focus, project state, human decisions, and controlled next actions.</p>
+            </article>
+            <article class="system-card">
+              <b>Evaluation work</b>
+              <h3>Harnesses, traces, comparisons.</h3>
+              <p>Agent output treated as something to inspect and falsify, not just something to accept.</p>
+            </article>
+          </div>
+        </div>
+      </section>
+
+      <section class="origin" aria-labelledby="origin-title">
+        <div class="section-inner">
+          <p class="kicker">Origin of HAI</p>
+          <h2 class="section-title" id="origin-title">The first answer was not another tower. It was a stricter working loop.</h2>
+          <p class="section-copy">
+            The Agent Control Tower idea kept running into the same pressure: too much orchestration, too much state,
+            too much output. Working with Luis shifted the question from "how do we coordinate more agents?" to
+            "how do we keep the human oriented while agents work?"
+          </p>
+
+          <div class="origin-steps" aria-label="HAI origin steps">
+            <article class="origin-step">
+              <span>01 / lived problem</span>
+              <h3>Threads multiplied.</h3>
+              <p>Agent work created artifacts, ideas, and partial decisions faster than the human could safely absorb.</p>
+            </article>
+            <article class="origin-step">
+              <span>02 / failed control</span>
+              <h3>The tower got too large.</h3>
+              <p>Attempts to control everything from above repeatedly pushed the system toward scope explosion.</p>
+            </article>
+            <article class="origin-step">
+              <span>03 / Luis reframing</span>
+              <h3>The workflow had to change.</h3>
+              <p>The useful intervention was not more dashboards. It was downscoping the next human-owned step.</p>
+            </article>
+            <article class="origin-step">
+              <span>04 / HAI kernel</span>
+              <h3>One packet at a time.</h3>
+              <p>HAI became the discipline of turning messy human state into bounded, checkable agent work.</p>
+            </article>
+          </div>
+        </div>
+      </section>
+
+      <section class="proof-lines" aria-labelledby="lines-title">
+        <div class="section-inner">
+          <p class="kicker">What exists already</p>
+          <h2 class="section-title" id="lines-title">Four lines of work make the authority concrete.</h2>
+          <div class="line-grid">
+            <article class="line-item">
+              <span>Personal agent systems</span>
+              <h3>Setups that fit the human.</h3>
+              <p>Agent configuration, profile design, modes, skills, and operating rules tuned to the actual person and task.</p>
+            </article>
+            <article class="line-item">
+              <span>HAI / downscope workflow</span>
+              <h3>Chaos into a next packet.</h3>
+              <p>Messy project state becomes a named problem, a scoped assignment, and a next action the human can approve.</p>
+            </article>
+            <article class="line-item">
+              <span>Sidecar experiments</span>
+              <h3>The agent watches the work.</h3>
+              <p>Sidecar explores a second system that notices overload, drift, and loss of alignment in the human-agent loop.</p>
+            </article>
+            <article class="line-item">
+              <span>Admin/User-space work</span>
+              <h3>Agents built from inside.</h3>
+              <p>Agent profiles can be operated, repaired, and improved from an admin layer without pretending the user layer is the whole system.</p>
+            </article>
+          </div>
+        </div>
+      </section>
+
+      <section class="portfolio" id="proof" aria-labelledby="proof-title">
+        <div class="section-inner">
+          <p class="kicker">Artifact trail</p>
+          <h2 class="section-title" id="proof-title">A local work trail, compressed into public-safe evidence.</h2>
+          <p class="section-copy">
+            PortfolioTimeline is currently used here as proof strip only. The full public mirror comes later, because the
+            complete local timeline still needs hosting-safe links before it should be presented as a public archive.
+          </p>
+
+          <div class="proof-strip" aria-label="Selected agentic work artifacts">
+            <article class="proof-card">
+              <img src="assets/proof/portfolio-timeline--index.png" alt="PortfolioTimeline screenshot with AI builder timeline">
+              <div>
+                <span>Timeline evidence</span>
+                <h3>~197 artifacts over 24 days.</h3>
+                <p>The local timeline source documents a compressed build period across HTML artifacts, apps, diagrams, analyses, and explainers.</p>
+              </div>
+            </article>
+            <article class="proof-card">
+              <img src="assets/proof/diagrams--sidecar-v7-visual-explainer.png" alt="Sidecar visual explainer screenshot">
+              <div>
+                <span>Sidecar</span>
+                <h3>Overload as a system problem.</h3>
+                <p>Sidecar explored how a second agent layer can watch the collaboration itself instead of only doing more tasks.</p>
+              </div>
+            </article>
+            <article class="proof-card">
+              <img src="assets/proof/project-intake-tower-consolidation--visual-explainer-kaskade.png" alt="Agent control tower cascade visual explainer screenshot">
+              <div>
+                <span>Control tower learning</span>
+                <h3>Scope explosion made visible.</h3>
+                <p>The control-tower line became evidence for why HAI must protect the human from agent cascades, not celebrate them.</p>
+              </div>
+            </article>
+            <article class="proof-card">
+              <img src="assets/proof/first-real-harness-evaluation--web-dashboard.png" alt="Harness evaluation dashboard screenshot">
+              <div>
+                <span>Evaluation</span>
+                <h3>Agent output needs checking.</h3>
+                <p>Harness work turns agent behavior into traces, comparisons, and verdicts that can be inspected instead of guessed.</p>
+              </div>
+            </article>
+            <article class="proof-card">
+              <img src="assets/proof/luis-handoff--luis-agentisches-arbeiten.png" alt="Luis handoff page screenshot for agentic work">
+              <div>
+                <span>Luis handoff</span>
+                <h3>Agentic work made legible.</h3>
+                <p>The collaboration with Luis forced the work into human-readable maps, roles, bottlenecks, and concrete next steps.</p>
+              </div>
+            </article>
+            <article class="proof-card">
+              <img src="assets/proof/hai-v1-3--luis-v1-3-site.png" alt="HAI V1.3 Luis briefing screenshot">
+              <div>
+                <span>HAI iteration</span>
+                <h3>From project state to next step.</h3>
+                <p>HAI matured into a filter for intent, human payoff, project state, and controlled execution.</p>
+              </div>
+            </article>
+          </div>
+
+          <p class="mirror-note">Full PortfolioTimeline public mirror: later hosting step.</p>
+
+          <p class="mirror-note">
+            For the buyer-facing control proof, see the <a href="../tripwire-map/">Proof page</a>.
+          </p>
+        </div>
+      </section>
+
+      <section class="client" id="contact" aria-labelledby="contact-title">
+        <div class="section-inner client-grid">
+          <div>
+            <p class="kicker">What this means for a client</p>
+            <h2 id="contact-title">Show me one agent workflow that currently creates confusion.</h2>
+            <p>
+              The useful entry point is one real workflow: where context gets lost, where agents overproduce,
+              where decisions stop being owned, or where the next step never becomes safe enough to run.
+            </p>
+          </div>
+          <aside class="client-panel" aria-label="Start a conversation">
+            <span>Concrete first conversation</span>
+            <p>
+              Bring the current workflow. Leave with a smaller, clearer, human-owned agent working loop.
+            </p>
+            <a
+              class="button primary"
+              href="mailto:samuel@human-agent-interface.com?subject=Human%20Agent%20Interface%20conversation"
+            >Bring one messy agent workflow</a>
+          </aside>
+        </div>
+      </section>
+    </main>
+
+    <footer class="footer">
+      <div class="footer-inner">
+        <span>Samuel Fleig / Human Agent Interface trust</span>
+        <span>HAI comes from practice, not branding</span>
+      </div>
+    </footer>
+  </div>
+
+  <script>
+    const canvas = document.getElementById("authorityCanvas");
+    const ctx = canvas.getContext("2d");
+    const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)");
+    let width = 0;
+    let height = 0;
+    let pixelRatio = 1;
+    let nodes = [];
+    let frame = 0;
+
+    function resize() {
+      pixelRatio = Math.min(window.devicePixelRatio || 1, 2);
+      const rect = canvas.getBoundingClientRect();
+      width = rect.width;
+      height = rect.height;
+      canvas.width = Math.floor(width * pixelRatio);
+      canvas.height = Math.floor(height * pixelRatio);
+      ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
+
+      const count = width < 720 ? 28 : 54;
+      nodes = Array.from({ length: count }, (_, index) => ({
+        x: (index * 197) % Math.max(width, 1),
+        y: (index * 311) % Math.max(height, 1),
+        vx: ((index % 5) - 2) * 0.08,
+        vy: (((index * 3) % 7) - 3) * 0.06,
+        size: 1.5 + (index % 4) * 0.6
+      }));
+    }
+
+    function drawGrid() {
+      ctx.clearRect(0, 0, width, height);
+      ctx.fillStyle = "#080806";
+      ctx.fillRect(0, 0, width, height);
+
+      const grid = width < 720 ? 58 : 82;
+      ctx.strokeStyle = "rgba(245,239,223,0.052)";
+      ctx.lineWidth = 1;
+      for (let x = -grid; x < width + grid; x += grid) {
+        ctx.beginPath();
+        ctx.moveTo(x, 0);
+        ctx.lineTo(x + Math.sin(frame * 0.008 + x * 0.01) * 18, height);
+        ctx.stroke();
+      }
+      for (let y = -grid; y < height + grid; y += grid) {
+        ctx.beginPath();
+        ctx.moveTo(0, y);
+        ctx.lineTo(width, y + Math.cos(frame * 0.007 + y * 0.01) * 16);
+        ctx.stroke();
+      }
+    }
+
+    function drawHumanBoundary() {
+      const x = width * 0.38;
+      const y = height * 0.56;
+      const radius = Math.min(width, height) * 0.12;
+
+      ctx.strokeStyle = "rgba(230,168,58,0.18)";
+      ctx.lineWidth = 1;
+      for (let i = 0; i < 4; i += 1) {
+        ctx.beginPath();
+        ctx.arc(x, y, radius * (0.5 + i * 0.32), 0, Math.PI * 2);
+        ctx.stroke();
+      }
+
+      ctx.fillStyle = "rgba(230,168,58,0.82)";
+      ctx.beginPath();
+      ctx.arc(x, y, 4, 0, Math.PI * 2);
+      ctx.fill();
+    }
+
+    function drawNodes() {
+      const focusX = width * 0.38;
+      const focusY = height * 0.56;
+      for (const node of nodes) {
+        if (!prefersReducedMotion.matches) {
+          node.x += node.vx;
+          node.y += node.vy;
+        }
+
+        if (node.x < -20) node.x = width + 20;
+        if (node.x > width + 20) node.x = -20;
+        if (node.y < -20) node.y = height + 20;
+        if (node.y > height + 20) node.y = -20;
+
+        const dx = node.x - focusX;
+        const dy = node.y - focusY;
+        const distance = Math.sqrt(dx * dx + dy * dy);
+        const linked = distance < 230;
+
+        if (linked) {
+          ctx.strokeStyle = `rgba(131,219,200,${0.18 * (1 - distance / 230)})`;
+          ctx.beginPath();
+          ctx.moveTo(focusX, focusY);
+          ctx.lineTo(node.x, node.y);
+          ctx.stroke();
+        }
+
+        ctx.fillStyle = linked ? "rgba(131,219,200,0.82)" : "rgba(245,239,223,0.25)";
+        ctx.beginPath();
+        ctx.arc(node.x, node.y, node.size, 0, Math.PI * 2);
+        ctx.fill();
+      }
+    }
+
+    function render() {
+      frame += 1;
+      drawGrid();
+      drawHumanBoundary();
+      drawNodes();
+      requestAnimationFrame(render);
+    }
+
+    resize();
+    render();
+    window.addEventListener("resize", resize, { passive: true });
+  </script>
+</body>
+</html>

_deploy/site/hai-audit.html

@@ -0,0 +1,771 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>HAI Audit — Human-Agent-Workflow-Audit</title>
+  <meta name="description" content="Ein 4h Human-Agent-Workflow-Audit: aus diffusem Problem wird kontrollierbare agentische Arbeit." />
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    :root {
+      --ink: #14201f;
+      --paper: #f7f3e8;
+      --paper-deep: #efe6d2;
+      --line: rgba(20, 32, 31, 0.16);
+      --line-strong: rgba(20, 32, 31, 0.28);
+      --muted: #5f6d69;
+      --teal: #326b5f;
+      --rust: #b84f37;
+      --steel: #3e5f7c;
+      --white: #fffaf0;
+      --shadow: 0 22px 70px rgba(20, 32, 31, 0.14);
+      --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+      --sans: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+      --serif: "Crimson Pro", Georgia, serif;
+    }
+
+    * { box-sizing: border-box; }
+
+    html { scroll-behavior: smooth; }
+
+    body {
+      margin: 0;
+      color: var(--ink);
+      font-family: var(--sans);
+      background:
+        linear-gradient(rgba(20,32,31,.045) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(20,32,31,.045) 1px, transparent 1px),
+        radial-gradient(circle at 12% 8%, rgba(184,79,55,.13), transparent 30%),
+        radial-gradient(circle at 86% 4%, rgba(50,107,95,.14), transparent 34%),
+        var(--paper);
+      background-size: 34px 34px, 34px 34px, auto, auto, auto;
+    }
+
+    a { color: inherit; }
+
+    .shell {
+      width: min(1180px, calc(100% - 34px));
+      margin: 0 auto;
+    }
+
+    .top-nav {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 20px;
+      padding: 22px 0 12px;
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: .04em;
+      text-transform: uppercase;
+      color: rgba(20,32,31,.72);
+    }
+
+    .brand {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      font-weight: 600;
+    }
+
+    .brand-mark {
+      width: 28px;
+      height: 28px;
+      border: 1px solid var(--line-strong);
+      background: linear-gradient(135deg, var(--ink), var(--teal));
+      box-shadow: inset 0 0 0 5px rgba(255,250,240,.12);
+      transform: rotate(-7deg);
+    }
+
+    .nav-links {
+      display: flex;
+      gap: 18px;
+      flex-wrap: wrap;
+      justify-content: flex-end;
+    }
+
+    .nav-links a {
+      text-decoration: none;
+      border-bottom: 1px solid transparent;
+    }
+
+    .nav-links a:hover { border-color: var(--ink); }
+
+    .hero-stage {
+      position: relative;
+      min-height: 650px;
+      border: 1px solid var(--line);
+      border-radius: 10px;
+      margin: 14px 0 42px;
+      padding: clamp(28px, 5vw, 64px);
+      overflow: hidden;
+      background:
+        linear-gradient(120deg, rgba(255,250,240,.78), rgba(247,243,232,.42)),
+        repeating-linear-gradient(90deg, transparent 0 80px, rgba(20,32,31,.035) 80px 81px);
+      box-shadow: var(--shadow);
+    }
+
+    .hero-stage::before {
+      content: "";
+      position: absolute;
+      inset: 22px;
+      border: 1px solid rgba(20,32,31,.10);
+      pointer-events: none;
+      border-radius: 8px;
+    }
+
+    .hero-grid {
+      position: relative;
+      z-index: 1;
+      display: grid;
+      grid-template-columns: minmax(0, 1.08fr) minmax(310px, .92fr);
+      gap: clamp(28px, 5vw, 66px);
+      align-items: center;
+    }
+
+    .eyebrow {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      font-family: var(--mono);
+      font-size: 12px;
+      font-weight: 600;
+      letter-spacing: .08em;
+      text-transform: uppercase;
+      color: var(--teal);
+      margin-bottom: 18px;
+    }
+
+    .eyebrow::before {
+      content: "";
+      width: 42px;
+      height: 1px;
+      background: var(--teal);
+    }
+
+    h1 {
+      font-family: var(--serif);
+      font-size: clamp(58px, 9vw, 116px);
+      line-height: .88;
+      letter-spacing: -.06em;
+      margin: 0;
+      max-width: 820px;
+    }
+
+    .lede {
+      font-size: clamp(19px, 2.3vw, 25px);
+      line-height: 1.36;
+      max-width: 660px;
+      color: rgba(20,32,31,.78);
+      margin: 26px 0 0;
+    }
+
+    .hero-actions {
+      display: flex;
+      gap: 12px;
+      flex-wrap: wrap;
+      margin-top: 32px;
+    }
+
+    .btn {
+      border: 1px solid var(--ink);
+      background: var(--ink);
+      color: var(--white);
+      border-radius: 8px;
+      padding: 13px 16px;
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: .04em;
+      text-transform: uppercase;
+      text-decoration: none;
+      cursor: pointer;
+      transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
+    }
+
+    .btn:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 12px 26px rgba(20,32,31,.18);
+    }
+
+    .btn.secondary {
+      color: var(--ink);
+      background: rgba(255,250,240,.52);
+      backdrop-filter: blur(14px);
+    }
+
+    .runtime-card {
+      position: relative;
+      padding: 24px;
+      border: 1px solid var(--line-strong);
+      border-radius: 10px;
+      background: rgba(255,250,240,.64);
+      backdrop-filter: blur(22px);
+      box-shadow: 0 18px 55px rgba(20,32,31,.12);
+    }
+
+    .runtime-card::before {
+      content: "";
+      position: absolute;
+      top: -12px;
+      right: 22px;
+      width: 94px;
+      height: 24px;
+      border-radius: 0 0 8px 8px;
+      background: var(--teal);
+      opacity: .88;
+    }
+
+    .runtime-label {
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: .08em;
+      text-transform: uppercase;
+      color: var(--muted);
+      margin-bottom: 14px;
+    }
+
+    .state-line {
+      display: grid;
+      grid-template-columns: 124px 1fr;
+      gap: 13px;
+      padding: 14px 0;
+      border-top: 1px solid var(--line);
+      font-size: 15px;
+    }
+
+    .state-line:first-of-type { border-top: 0; }
+
+    .state-key {
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: .04em;
+      text-transform: uppercase;
+      color: var(--muted);
+    }
+
+    .state-val strong { color: var(--rust); }
+
+    .meter {
+      height: 9px;
+      border: 1px solid var(--line);
+      background: rgba(20,32,31,.06);
+      overflow: hidden;
+      border-radius: 999px;
+      margin-top: 8px;
+    }
+
+    .meter span {
+      display: block;
+      height: 100%;
+      width: 76%;
+      background: linear-gradient(90deg, var(--rust), var(--teal));
+      border-radius: inherit;
+    }
+
+    section { margin: 64px 0; }
+
+    .section-head {
+      display: grid;
+      grid-template-columns: 180px 1fr;
+      gap: 28px;
+      align-items: start;
+      border-top: 1px solid var(--line-strong);
+      padding-top: 22px;
+      margin-bottom: 26px;
+    }
+
+    .kicker {
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: .08em;
+      text-transform: uppercase;
+      color: var(--teal);
+      font-weight: 600;
+    }
+
+    h2 {
+      font-family: var(--serif);
+      font-size: clamp(38px, 5vw, 62px);
+      line-height: .95;
+      letter-spacing: -.04em;
+      margin: 0;
+    }
+
+    .card-grid {
+      display: grid;
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+      gap: 16px;
+    }
+
+    .glass-card {
+      border: 1px solid var(--line);
+      border-radius: 10px;
+      background: rgba(255,250,240,.58);
+      backdrop-filter: blur(18px);
+      padding: 22px;
+      min-height: 214px;
+      box-shadow: 0 12px 36px rgba(20,32,31,.08);
+    }
+
+    .card-number {
+      font-family: var(--mono);
+      color: var(--rust);
+      font-size: 12px;
+      letter-spacing: .08em;
+      text-transform: uppercase;
+      margin-bottom: 34px;
+    }
+
+    .glass-card h3 {
+      font-size: 20px;
+      margin: 0 0 10px;
+      letter-spacing: -.02em;
+    }
+
+    .glass-card p,
+    .glass-card li {
+      color: rgba(20,32,31,.74);
+      line-height: 1.5;
+      font-size: 15px;
+    }
+
+    .glass-card ul {
+      margin: 0;
+      padding-left: 18px;
+    }
+
+    .process-board {
+      display: grid;
+      grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
+      gap: 18px;
+      align-items: stretch;
+    }
+
+    .trace-panel {
+      border: 1px solid var(--line-strong);
+      border-radius: 10px;
+      padding: 28px;
+      background: rgba(239,230,210,.62);
+      min-height: 100%;
+    }
+
+    .trace-title {
+      font-family: var(--mono);
+      text-transform: uppercase;
+      letter-spacing: .08em;
+      color: var(--rust);
+      font-size: 12px;
+      margin-bottom: 26px;
+    }
+
+    .big-quote {
+      font-family: var(--serif);
+      font-size: clamp(31px, 4vw, 48px);
+      line-height: 1.02;
+      letter-spacing: -.035em;
+      margin: 0;
+    }
+
+    .steps {
+      border: 1px solid var(--line);
+      border-radius: 10px;
+      overflow: hidden;
+      background: rgba(255,250,240,.56);
+    }
+
+    .step {
+      display: grid;
+      grid-template-columns: 48px 1fr;
+      gap: 14px;
+      padding: 16px 18px;
+      border-top: 1px solid var(--line);
+    }
+
+    .step:first-child { border-top: 0; }
+
+    .step-num {
+      font-family: var(--mono);
+      color: var(--teal);
+      font-weight: 700;
+    }
+
+    .step strong { display: block; margin-bottom: 4px; }
+    .step span { color: var(--muted); font-size: 14px; line-height: 1.45; }
+
+    .insight-band {
+      color: var(--white);
+      background:
+        radial-gradient(circle at 8% 12%, rgba(184,79,55,.36), transparent 32%),
+        radial-gradient(circle at 92% 72%, rgba(50,107,95,.34), transparent 38%),
+        var(--ink);
+      border-radius: 10px;
+      padding: clamp(32px, 6vw, 74px);
+      box-shadow: var(--shadow);
+    }
+
+    .insight-band .kicker { color: rgba(255,250,240,.72); }
+
+    .insight-band h2 {
+      max-width: 900px;
+      margin-top: 14px;
+      color: var(--white);
+    }
+
+    .insight-band p {
+      max-width: 680px;
+      color: rgba(255,250,240,.72);
+      font-size: 18px;
+      line-height: 1.55;
+      margin: 20px 0 0;
+    }
+
+    .offer-grid {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) minmax(280px, .56fr);
+      gap: 18px;
+    }
+
+    .price-card {
+      border: 1px solid var(--line-strong);
+      border-radius: 10px;
+      background: var(--white);
+      padding: 24px;
+    }
+
+    .price {
+      font-family: var(--serif);
+      font-size: 64px;
+      line-height: .9;
+      letter-spacing: -.05em;
+      margin: 12px 0;
+    }
+
+    .badge-row {
+      display: flex;
+      gap: 8px;
+      flex-wrap: wrap;
+      margin-top: 18px;
+    }
+
+    .badge {
+      border: 1px solid var(--line);
+      border-radius: 999px;
+      padding: 7px 10px;
+      font-family: var(--mono);
+      font-size: 11px;
+      text-transform: uppercase;
+      letter-spacing: .04em;
+      color: var(--muted);
+      background: rgba(255,250,240,.6);
+    }
+
+    .message-box {
+      position: relative;
+      border: 1px solid var(--line-strong);
+      background: rgba(255,250,240,.76);
+      border-radius: 10px;
+      padding: 22px;
+      box-shadow: 0 12px 36px rgba(20,32,31,.08);
+    }
+
+    .message-box pre {
+      white-space: pre-wrap;
+      margin: 0;
+      font-family: var(--sans);
+      font-size: 16px;
+      line-height: 1.55;
+      color: rgba(20,32,31,.80);
+    }
+
+    .copy-btn {
+      position: absolute;
+      right: 14px;
+      top: 14px;
+      border: 1px solid var(--ink);
+      background: var(--ink);
+      color: var(--white);
+      border-radius: 7px;
+      padding: 9px 11px;
+      font-family: var(--mono);
+      font-size: 11px;
+      cursor: pointer;
+    }
+
+    .evidence {
+      display: grid;
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+      gap: 12px;
+      margin-bottom: 50px;
+    }
+
+    .evidence-item {
+      border-top: 1px solid var(--line-strong);
+      padding-top: 12px;
+      font-size: 13px;
+      line-height: 1.45;
+      color: var(--muted);
+    }
+
+    .evidence-item strong {
+      display: block;
+      font-family: var(--mono);
+      color: var(--ink);
+      margin-bottom: 5px;
+      font-size: 11px;
+      letter-spacing: .06em;
+      text-transform: uppercase;
+    }
+
+    footer {
+      padding: 28px 0 46px;
+      color: var(--muted);
+      font-family: var(--mono);
+      font-size: 12px;
+      display: flex;
+      justify-content: space-between;
+      gap: 18px;
+      border-top: 1px solid var(--line);
+    }
+
+    @media (max-width: 900px) {
+      .hero-grid,
+      .process-board,
+      .offer-grid,
+      .section-head {
+        grid-template-columns: 1fr;
+      }
+
+      .hero-stage { min-height: unset; }
+      .card-grid { grid-template-columns: 1fr; }
+      .evidence { grid-template-columns: 1fr 1fr; }
+      .nav-links { display: none; }
+      h1 { font-size: clamp(52px, 16vw, 86px); }
+    }
+
+    @media (max-width: 560px) {
+      .shell { width: min(100% - 22px, 1180px); }
+      .hero-stage { padding: 24px; }
+      .evidence { grid-template-columns: 1fr; }
+      .state-line { grid-template-columns: 1fr; }
+      .price { font-size: 52px; }
+      footer { flex-direction: column; }
+    }
+  </style>
+</head>
+<body>
+  <nav class="shell top-nav" aria-label="Seitennavigation">
+    <div class="brand"><span class="brand-mark" aria-hidden="true"></span> Human-Agent-Interface</div>
+    <div class="nav-links">
+      <a href="#problem">Problem</a>
+      <a href="#ablauf">Ablauf</a>
+      <a href="#angebot">Angebot</a>
+      <a href="#nachricht">Nachricht</a>
+    </div>
+  </nav>
+
+  <main class="shell">
+    <header class="hero-stage">
+      <div class="hero-grid">
+        <div>
+          <div class="eyebrow">Pilotangebot / HAI Audit</div>
+          <h1>Aus Agenten-Chaos wird Arbeitsform.</h1>
+          <p class="lede">Ein 4h Human-Agent-Workflow-Audit für Menschen, die mit KI arbeiten — aber mehr Kontrolle, bessere Übergaben und weniger agentisches Kopfweh brauchen.</p>
+          <div class="hero-actions">
+            <a class="btn" href="#angebot">Audit ansehen</a>
+            <a class="btn secondary" href="#nachricht">Nachricht kopieren</a>
+          </div>
+        </div>
+
+        <aside class="runtime-card" aria-label="HAI Kurzdiagnose">
+          <div class="runtime-label">Owner Packet / Kurzdiagnose</div>
+          <div class="state-line">
+            <div class="state-key">Vorher</div>
+            <div class="state-val">„Ich habe ein Problem, eine Idee, Chaos — und zu viele mögliche Agentenwege.“</div>
+          </div>
+          <div class="state-line">
+            <div class="state-key">Nachher</div>
+            <div class="state-val"><strong>Problemtyp</strong>, Grenzen, Human Gates, Verifier-Regel und ein Next Action Packet.</div>
+          </div>
+          <div class="state-line">
+            <div class="state-key">Erfolg</div>
+            <div class="state-val">Nicht magische Autonomie. Sondern entscheidbare Agentenarbeit.<div class="meter"><span></span></div></div>
+          </div>
+          <div class="state-line">
+            <div class="state-key">Prinzip</div>
+            <div class="state-val">Samuel entscheidet. Agenten arbeiten. Kein stilles „done“.</div>
+          </div>
+        </aside>
+      </div>
+    </header>
+
+    <section id="problem">
+      <div class="section-head">
+        <div class="kicker">Warum das existiert</div>
+        <h2>Das Problem ist nicht: „Welches Modell?“ Das Problem ist: „Welche Arbeit darf der Agent überhaupt anfassen?“</h2>
+      </div>
+
+      <div class="card-grid">
+        <article class="glass-card">
+          <div class="card-number">Problem 01</div>
+          <h3>Agenten produzieren Output, aber keine Entscheidungsebene.</h3>
+          <p>Viele Workflows sehen produktiv aus, erzeugen aber neue Review-Arbeit, offene Schleifen und unklare Verantwortung.</p>
+        </article>
+        <article class="glass-card">
+          <div class="card-number">Problem 02</div>
+          <h3>Der Mensch gibt entweder zu wenig oder zu viel ab.</h3>
+          <p>HAI trennt: Was bleibt Owner-Entscheidung? Was wird Delegationsauftrag? Was braucht Verifikation?</p>
+        </article>
+        <article class="glass-card">
+          <div class="card-number">Problem 03</div>
+          <h3>„Done“ ist keine Evidenz.</h3>
+          <p>Ein gutes Agenten-Setup braucht Artefakte, Checks und klare Stop-Regeln — nicht nur eine überzeugende Erfolgsmeldung.</p>
+        </article>
+      </div>
+    </section>
+
+    <section id="ablauf">
+      <div class="section-head">
+        <div class="kicker">4 Stunden / ein klarer Schnitt</div>
+        <h2>Das Audit macht dein Problem agentisch bearbeitbar — ohne dir die Ownership wegzunehmen.</h2>
+      </div>
+
+      <div class="process-board">
+        <div class="trace-panel">
+          <div class="trace-title">Kerntransformation</div>
+          <p class="big-quote">„HAI löst nicht direkt dein Problem. HAI verändert die Form, in der du deinem Problem mit Agenten begegnest.“</p>
+        </div>
+        <div class="steps">
+          <div class="step"><div class="step-num">01</div><div><strong>Workflow-Intake</strong><span>Was willst du erreichen, wo wird es chaotisch, was ist der echte Arbeitszustand?</span></div></div>
+          <div class="step"><div class="step-num">02</div><div><strong>Agenten-Inventar</strong><span>Welche Tools nutzt du, wofür, und wo entstehen Reibung, Tokenburn oder Scope Creep?</span></div></div>
+          <div class="step"><div class="step-num">03</div><div><strong>Human Gates</strong><span>Welche Entscheidungen dürfen nicht beim Agenten landen: Ziel, Risiko, Freigabe, Abbruch?</span></div></div>
+          <div class="step"><div class="step-num">04</div><div><strong>Delegationsschnitt</strong><span>Welche Teilaufgabe eignet sich für Research, Executor, Verifier, Orchestrator — oder Human-only?</span></div></div>
+          <div class="step"><div class="step-num">05</div><div><strong>Next Action Packet</strong><span>Ein kleiner, begrenzter Auftrag, mit Artefaktpflicht und überprüfbarem Erfolg.</span></div></div>
+        </div>
+      </div>
+    </section>
+
+    <section class="insight-band" aria-label="These">
+      <div class="kicker">Die HAI-These</div>
+      <h2>Ein gutes Agent Interface macht Agenten nicht sichtbarer. Es macht ihre Arbeit entscheidbarer.</h2>
+      <p>Deshalb ist der erste HAI-Build kein Dashboard. Der erste Build ist ein bezahlbares Audit, das an einer echten Person beweist: weniger Chaos rein, klarerer Agentenprozess raus.</p>
+    </section>
+
+    <section id="angebot">
+      <div class="section-head">
+        <div class="kicker">Pilotangebot v0</div>
+        <h2>4h Human-Agent-Workflow-Audit</h2>
+      </div>
+
+      <div class="offer-grid">
+        <div class="card-grid" style="grid-template-columns: 1fr 1fr;">
+          <article class="glass-card">
+            <div class="card-number">Für wen</div>
+            <h3>Menschen mit agentischem Kopfweh.</h3>
+            <ul>
+              <li>Claude Code, Codex, Cursor, ChatGPT, Hermes oder eigene Automationen</li>
+              <li>viel Output, aber wenig klare Entscheidung</li>
+              <li>unsichere Übergaben, Scope Creep, falsche Done-Meldungen</li>
+            </ul>
+          </article>
+          <article class="glass-card">
+            <div class="card-number">Output</div>
+            <h3>Ein kompaktes Owner-Packet.</h3>
+            <ul>
+              <li>3 Hauptprobleme</li>
+              <li>3 konkrete Änderungen</li>
+              <li>Human Gates und Verifier-Regel</li>
+              <li>ein Next Action Packet</li>
+            </ul>
+          </article>
+        </div>
+
+        <aside class="price-card">
+          <div class="runtime-label">Pilotpreis</div>
+          <div class="price">500 €</div>
+          <p>Für 4 Stunden Audit plus kurzes 7-Tage-Follow-up.</p>
+          <div class="badge-row">
+            <span class="badge">keine Magie</span>
+            <span class="badge">kein Dashboard</span>
+            <span class="badge">Owner bleibt Mensch</span>
+            <span class="badge">Verifier statt Vertrauen</span>
+          </div>
+        </aside>
+      </div>
+    </section>
+
+    <section>
+      <div class="section-head">
+        <div class="kicker">Nicht versprochen</div>
+        <h2>Kein Autonomie-Bullshit. Kein „danach löst AI alles“.</h2>
+      </div>
+      <div class="card-grid">
+        <article class="glass-card">
+          <div class="card-number">Grenze 01</div>
+          <h3>Ich verspreche kein besseres Modell.</h3>
+          <p>Modelle bleiben Modelle. HAI verbessert den Rahmen, die Übergabe, die Verifikation und die menschliche Entscheidungsebene.</p>
+        </article>
+        <article class="glass-card">
+          <div class="card-number">Grenze 02</div>
+          <h3>Ich baue nicht dein komplettes Produkt.</h3>
+          <p>Das Audit erzeugt einen besseren Arbeitsmodus und einen nächsten begrenzten Schritt — keinen Full-Service-Build.</p>
+        </article>
+        <article class="glass-card">
+          <div class="card-number">Grenze 03</div>
+          <h3>Du bleibst Owner.</h3>
+          <p>Keine agentische Arbeit ohne menschliche Ziel-, Risiko-, Freigabe- und Abbruchentscheidung.</p>
+        </article>
+      </div>
+    </section>
+
+    <section id="nachricht">
+      <div class="section-head">
+        <div class="kicker">Sendbar</div>
+        <h2>Eine konkrete Nachricht für den ersten Pilotkontakt.</h2>
+      </div>
+      <div class="message-box">
+        <button class="copy-btn" type="button" data-copy>kopieren</button>
+        <pre id="pilot-message">Hey [Name], ich teste gerade ein neues Angebot: ein 4h Human-Agent-Workflow-Audit.
+
+Die Idee: Ich schaue mir an, wie du aktuell mit KI/Agenten arbeitest — Claude, Cursor, Codex, ChatGPT, eigene Tools, egal — und wir finden gemeinsam raus, wo dein Workflow unklar, zu groß, unkontrolliert oder ineffizient wird.
+
+Am Ende bekommst du kein generisches Tutorial, sondern ein kleines Owner-Packet: deine 3 größten Reibungspunkte, konkrete Änderungen, Human-Gates, eine Verifikationsregel und ein Next Action Packet, mit dem ein Agent wirklich begrenzt weiterarbeiten kann.
+
+Ich teste das gerade als Pilot. Normaler Pilotpreis wäre 500 € für 4 Stunden plus kurzes Follow-up nach 7 Tagen. Bei den ersten Leuten aus meinem engen Netzwerk geht es mir vor allem um echtes Feedback und darum, das Angebot zu schärfen.
+
+Wenn du gerade irgendwo agentisches Kopfweh hast oder jemanden kennst, für den das relevant wäre: Hättest du Lust, das mit mir zu testen?</pre>
+      </div>
+    </section>
+
+    <section aria-label="Arbeitsgrundlage">
+      <div class="evidence">
+        <div class="evidence-item"><strong>D01 / HAI Packet</strong>Ernsthaft entwickeln, aber als kleines überprüfbares Angebot statt Weltbau.</div>
+        <div class="evidence-item"><strong>D02 / Meta-Hermes</strong>HAI als Work Protocol: raw human problem → bounded delegation → artifact → validation → next action.</div>
+        <div class="evidence-item"><strong>D03 / Samuel Pattern</strong>Owner Interface, Cognitive Firewall, Verifier-Owned Success, Anti-Wildwuchs.</div>
+        <div class="evidence-item"><strong>D04 / Design</strong>Paper/ink/editorial statt generischer SaaS-Slop; Entscheidbarkeit vor Agenteninventar.</div>
+      </div>
+    </section>
+  </main>
+
+  <footer class="shell">
+    <span>Human-Agent-Interface / Audit Offer v0</span>
+    <span>No silent success. Mensch bleibt Owner.</span>
+  </footer>
+
+  <script>
+    const btn = document.querySelector('[data-copy]');
+    const msg = document.getElementById('pilot-message');
+    btn?.addEventListener('click', async () => {
+      try {
+        await navigator.clipboard.writeText(msg.innerText.trim());
+        const old = btn.textContent;
+        btn.textContent = 'kopiert';
+        setTimeout(() => { btn.textContent = old; }, 1400);
+      } catch (error) {
+        btn.textContent = 'manuell kopieren';
+      }
+    });
+  </script>
+</body>
+</html>

_deploy/site/samuel-hai-profile.html

@@ -0,0 +1,268 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Samuel / HAI — Hermes Control Profile</title>
+  <meta name="description" content="Eine Meta-Hermes-Profilseite über Samuel, HAI und Hermes als Human-Owned Agent Control Tower." />
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    :root {
+      --ink: #14201f;
+      --paper: #f7f3e8;
+      --paper-deep: #efe6d2;
+      --line: rgba(20, 32, 31, 0.16);
+      --line-strong: rgba(20, 32, 31, 0.30);
+      --muted: #5f6d69;
+      --teal: #326b5f;
+      --rust: #b84f37;
+      --steel: #3e5f7c;
+      --blue: #234f78;
+      --green: #79a86f;
+      --white: #fffaf0;
+      --shadow: 0 24px 76px rgba(20, 32, 31, 0.14);
+      --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+      --sans: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+      --serif: "Crimson Pro", Georgia, serif;
+    }
+
+    * { box-sizing: border-box; }
+    html { scroll-behavior: smooth; }
+    body {
+      margin: 0;
+      color: var(--ink);
+      font-family: var(--sans);
+      background:
+        linear-gradient(rgba(20,32,31,.045) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(20,32,31,.045) 1px, transparent 1px),
+        radial-gradient(circle at 12% 5%, rgba(35,79,120,.14), transparent 29%),
+        radial-gradient(circle at 87% 8%, rgba(50,107,95,.16), transparent 34%),
+        radial-gradient(circle at 48% 92%, rgba(184,79,55,.10), transparent 38%),
+        var(--paper);
+      background-size: 34px 34px, 34px 34px, auto, auto, auto, auto;
+    }
+
+    .shell { width: min(1180px, calc(100% - 34px)); margin: 0 auto; }
+
+    .top-nav {
+      display: flex; align-items: center; justify-content: space-between; gap: 20px;
+      padding: 22px 0 12px; font-family: var(--mono); font-size: 12px;
+      letter-spacing: .04em; text-transform: uppercase; color: rgba(20,32,31,.72);
+    }
+    .brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; }
+    .brand-mark {
+      width: 28px; height: 28px; border: 1px solid var(--line-strong);
+      background: linear-gradient(135deg, var(--blue), var(--teal));
+      box-shadow: inset 0 0 0 5px rgba(255,250,240,.12); transform: rotate(-7deg);
+    }
+    .nav-links { display: flex; gap: 18px; flex-wrap: wrap; justify-content: flex-end; }
+    .nav-links a { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; }
+    .nav-links a:hover { border-color: var(--ink); }
+
+    .hero-stage {
+      min-height: 640px; border: 1px solid var(--line); border-radius: 10px;
+      margin: 14px 0 42px; padding: clamp(28px, 5vw, 64px); overflow: hidden;
+      background:
+        linear-gradient(120deg, rgba(255,250,240,.78), rgba(247,243,232,.42)),
+        repeating-linear-gradient(90deg, transparent 0 80px, rgba(20,32,31,.035) 80px 81px);
+      box-shadow: var(--shadow); position: relative;
+    }
+    .hero-stage::before {
+      content: ""; position: absolute; inset: 22px; border: 1px solid rgba(20,32,31,.10);
+      pointer-events: none; border-radius: 8px;
+    }
+    .hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr); gap: clamp(28px, 5vw, 66px); align-items: center; }
+    .eyebrow { display: inline-flex; align-items: center; gap: 10px; font-family: var(--mono); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--teal); margin-bottom: 18px; }
+    .eyebrow::before { content: ""; width: 42px; height: 1px; background: var(--teal); }
+    h1 { font-family: var(--serif); font-size: clamp(56px, 8vw, 108px); line-height: .9; letter-spacing: -.06em; margin: 0; max-width: 840px; }
+    .lede { font-size: clamp(19px, 2.2vw, 25px); line-height: 1.36; max-width: 690px; color: rgba(20,32,31,.78); margin: 26px 0 0; }
+    .hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 32px; }
+    .btn { border: 1px solid var(--ink); background: var(--ink); color: var(--white); border-radius: 8px; padding: 13px 16px; font-family: var(--mono); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; text-decoration: none; }
+    .btn.secondary { color: var(--ink); background: rgba(255,250,240,.52); backdrop-filter: blur(14px); }
+
+    .profile-card { border: 1px solid var(--line-strong); border-radius: 10px; background: rgba(255,250,240,.66); backdrop-filter: blur(22px); padding: 24px; box-shadow: 0 18px 55px rgba(20,32,31,.12); position: relative; }
+    .profile-card::before { content: ""; position: absolute; top: -12px; right: 22px; width: 94px; height: 24px; border-radius: 0 0 8px 8px; background: var(--blue); opacity: .9; }
+    .runtime-label { font-family: var(--mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin-bottom: 14px; }
+    .state-line { display: grid; grid-template-columns: 132px 1fr; gap: 13px; padding: 14px 0; border-top: 1px solid var(--line); font-size: 15px; }
+    .state-line:first-of-type { border-top: 0; }
+    .state-key { font-family: var(--mono); font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); }
+    .state-val strong { color: var(--rust); }
+    .mini-meter { height: 9px; border: 1px solid var(--line); background: rgba(20,32,31,.06); overflow: hidden; border-radius: 999px; margin-top: 8px; }
+    .mini-meter span { display: block; height: 100%; width: 83%; background: linear-gradient(90deg, var(--blue), var(--green)); }
+
+    section { margin: 64px 0; }
+    .section-head { display: grid; grid-template-columns: 190px 1fr; gap: 28px; align-items: start; border-top: 1px solid var(--line-strong); padding-top: 22px; margin-bottom: 26px; }
+    .kicker { font-family: var(--mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--teal); font-weight: 600; }
+    h2 { font-family: var(--serif); font-size: clamp(38px, 5vw, 62px); line-height: .95; letter-spacing: -.04em; margin: 0; }
+
+    .card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
+    .glass-card { border: 1px solid var(--line); border-radius: 10px; background: rgba(255,250,240,.58); backdrop-filter: blur(18px); padding: 22px; min-height: 214px; box-shadow: 0 12px 36px rgba(20,32,31,.08); }
+    .card-number { font-family: var(--mono); color: var(--rust); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 30px; }
+    .glass-card h3 { font-size: 20px; margin: 0 0 10px; letter-spacing: -.02em; }
+    .glass-card p, .glass-card li { color: rgba(20,32,31,.74); line-height: 1.5; font-size: 15px; }
+    .glass-card ul { margin: 0; padding-left: 18px; }
+
+    .lane-board { border: 1px solid var(--line); border-radius: 10px; overflow: hidden; background: rgba(255,250,240,.60); }
+    .lane { display: grid; grid-template-columns: 170px 1fr 220px; gap: 20px; padding: 18px 20px; border-top: 1px solid var(--line); align-items: start; }
+    .lane:first-child { border-top: 0; }
+    .lane-name { font-family: var(--mono); color: var(--teal); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
+    .lane strong { display: block; margin-bottom: 5px; }
+    .lane span { color: var(--muted); line-height: 1.45; font-size: 14px; }
+    .lane-chip { justify-self: end; border: 1px solid var(--line); border-radius: 999px; padding: 7px 10px; font-family: var(--mono); font-size: 11px; color: var(--muted); text-transform: uppercase; background: rgba(255,250,240,.72); }
+
+    .insight-band { color: var(--white); background: radial-gradient(circle at 8% 12%, rgba(184,79,55,.36), transparent 32%), radial-gradient(circle at 92% 72%, rgba(50,107,95,.34), transparent 38%), var(--ink); border-radius: 10px; padding: clamp(32px, 6vw, 74px); box-shadow: var(--shadow); }
+    .insight-band .kicker { color: rgba(255,250,240,.72); }
+    .insight-band h2 { max-width: 900px; margin-top: 14px; color: var(--white); }
+    .insight-band p { max-width: 720px; color: rgba(255,250,240,.74); font-size: 18px; line-height: 1.55; margin: 20px 0 0; }
+
+    .matrix { display: grid; grid-template-columns: .9fr 1.1fr; gap: 18px; }
+    .quote-panel { border: 1px solid var(--line-strong); border-radius: 10px; padding: 28px; background: rgba(239,230,210,.62); }
+    .big-quote { font-family: var(--serif); font-size: clamp(31px, 4vw, 48px); line-height: 1.02; letter-spacing: -.035em; margin: 0; }
+    .rules { border: 1px solid var(--line); border-radius: 10px; overflow: hidden; background: rgba(255,250,240,.56); }
+    .rule { display: grid; grid-template-columns: 58px 1fr; gap: 14px; padding: 16px 18px; border-top: 1px solid var(--line); }
+    .rule:first-child { border-top: 0; }
+    .rule-num { font-family: var(--mono); color: var(--teal); font-weight: 700; }
+    .rule strong { display: block; margin-bottom: 4px; }
+    .rule span { color: var(--muted); font-size: 14px; line-height: 1.45; }
+
+    .evidence { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 50px; }
+    .evidence-item { border-top: 1px solid var(--line-strong); padding-top: 12px; font-size: 13px; line-height: 1.45; color: var(--muted); }
+    .evidence-item strong { display: block; font-family: var(--mono); color: var(--ink); margin-bottom: 5px; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
+
+    footer { padding: 28px 0 46px; color: var(--muted); font-family: var(--mono); font-size: 12px; display: flex; justify-content: space-between; gap: 18px; border-top: 1px solid var(--line); }
+
+    @media (max-width: 920px) {
+      .hero-grid, .section-head, .matrix { grid-template-columns: 1fr; }
+      .card-grid, .evidence { grid-template-columns: 1fr 1fr; }
+      .lane { grid-template-columns: 1fr; }
+      .lane-chip { justify-self: start; }
+      .nav-links { display: none; }
+      .hero-stage { min-height: unset; }
+    }
+    @media (max-width: 560px) {
+      .shell { width: min(100% - 22px, 1180px); }
+      .hero-stage { padding: 24px; }
+      .card-grid, .evidence { grid-template-columns: 1fr; }
+      .state-line { grid-template-columns: 1fr; }
+      h1 { font-size: clamp(50px, 16vw, 82px); }
+      footer { flex-direction: column; }
+    }
+  </style>
+</head>
+<body>
+  <nav class="shell top-nav" aria-label="Seitennavigation">
+    <div class="brand"><span class="brand-mark" aria-hidden="true"></span> Meta-Hermes / HAI Profil</div>
+    <div class="nav-links">
+      <a href="#modell">Modell</a>
+      <a href="#fleet">Agent Fleet</a>
+      <a href="#interface">Interface</a>
+      <a href="#bauplan">Bauplan</a>
+    </div>
+  </nav>
+
+  <main class="shell">
+    <header class="hero-stage">
+      <div class="hero-grid">
+        <div>
+          <div class="eyebrow">Samuel / Human-Owned Agent Control</div>
+          <h1>Der Mensch bleibt Owner. Hermes wird Control Plane.</h1>
+          <p class="lede">Eine Profilseite über Samuels HAI-Denken: nicht Chatbot, nicht Tool-Liste, sondern ein Arbeitsprotokoll, das menschliche Probleme in begrenzte, verifizierbare Agentenarbeit übersetzt.</p>
+          <div class="hero-actions">
+            <a class="btn" href="#modell">Profil lesen</a>
+            <a class="btn secondary" href="hai-audit.html">Audit-Seite</a>
+          </div>
+        </div>
+
+        <aside class="profile-card" aria-label="Meta-Hermes Profilkarte">
+          <div class="runtime-label">Meta-Hermes Sicht / Kurzprofil</div>
+          <div class="state-line"><div class="state-key">Mensch</div><div class="state-val"><strong>Samuel</strong> — AI Engineer, CS-Student, Agent-OS-Builder.</div></div>
+          <div class="state-line"><div class="state-key">System</div><div class="state-val">Hermes als persönliches AI-Betriebssystem mit Profilen, Skills, Memory und Verifiern.</div></div>
+          <div class="state-line"><div class="state-key">HAI</div><div class="state-val">Work Protocol: Wunsch → Arbeitszustand → Delegation → Artefakt → Evidenz → Entscheidung.</div></div>
+          <div class="state-line"><div class="state-key">Risiko</div><div class="state-val">Agenten können kognitive Last erhöhen, wenn sie keine Grenzen haben.<div class="mini-meter"><span></span></div></div></div>
+          <div class="state-line"><div class="state-key">Prinzip</div><div class="state-val">No silent success. Chat ist Steuerpult, nicht Arbeitsfläche.</div></div>
+        </aside>
+      </div>
+    </header>
+
+    <section id="modell">
+      <div class="section-head">
+        <div class="kicker">Mentales Modell</div>
+        <h2>HAI ist nicht das Interface zu Agenten. HAI ist das Interface zwischen menschlicher Unklarheit und agentischer Arbeit.</h2>
+      </div>
+      <div class="card-grid">
+        <article class="glass-card"><div class="card-number">Rolle 01</div><h3>Samuel ist Owner.</h3><p>Produkt-, Scope-, Risiko- und irreversible Entscheidungen bleiben beim Menschen. Agenten bereiten Optionen und Evidenz vor.</p></article>
+        <article class="glass-card"><div class="card-number">Rolle 02</div><h3>Hermes ist Control Plane.</h3><p>Profile, Skills, Memory, Subagents und Verifier werden nicht als Chatspielzeug genutzt, sondern als operative Rollen im System.</p></article>
+        <article class="glass-card"><div class="card-number">Rolle 03</div><h3>Artefakte sind Wahrheitsebene.</h3><p>Nicht „der Agent sagt fertig“, sondern Dateien, Tests, Reports, Diffs, Logs und Validierung entscheiden, ob Arbeit wirklich steht.</p></article>
+      </div>
+    </section>
+
+    <section id="fleet">
+      <div class="section-head">
+        <div class="kicker">Agent Fleet</div>
+        <h2>Meta-Hermes sieht keine Chatbot-Liste. Es sieht ein Nervensystem aus spezialisierten Organen.</h2>
+      </div>
+      <div class="lane-board">
+        <div class="lane"><div class="lane-name">Lernen</div><div><strong>Uni- und Learning-Agenten</strong><span>ADS, RA, MAS, DLM und andere Profile halten fachliche Lernräume, Visualisierungen und Learning-Contract-Gates.</span></div><div class="lane-chip">Hellgrün</div></div>
+        <div class="lane"><div class="lane-name">HAI Projektarbeit</div><div><strong>Project State → Idea → Code → Briefing → Next Step</strong><span>HAI-Agenten verdichten Ideen und Codezustände in entscheidbare Owner-Packets und kleinste nächste Schritte.</span></div><div class="lane-chip">Projektmodus</div></div>
+        <div class="lane"><div class="lane-name">Kontrolle</div><div><strong>Operator, Verifier, Regression Guardian, Cognitive Firewall</strong><span>Diese Schicht verhindert Wildwuchs: bounded work, Human Gates, Evidenzpflicht und unabhängige Prüfung.</span></div><div class="lane-chip">Blau</div></div>
+        <div class="lane"><div class="lane-name">Build & Research</div><div><strong>Builder, Oktopus, Research, Tokenmaxer</strong><span>Ausführung und Exploration existieren — aber nur sinnvoll, wenn Scope, Artefakt und Stop-Regeln gesetzt sind.</span></div><div class="lane-chip">Worker</div></div>
+        <div class="lane"><div class="lane-name">Meta / Ops</div><div><strong>Meta, Meta-New-Agent, Skill-Curator, Harness Expert</strong><span>Pflegt Profile, Skills, Auth, Tooling und die Architektur des Systems selbst.</span></div><div class="lane-chip">Admin</div></div>
+      </div>
+    </section>
+
+    <section class="insight-band" aria-label="Kernthese">
+      <div class="kicker">Kernthese</div>
+      <h2>Ein gutes Agent Interface macht Agenten nicht sichtbarer. Es macht ihre Arbeit entscheidbarer.</h2>
+      <p>Deshalb ist Samuels HAI kein Dashboard-Reflex. Es ist ein Owner Interface: Was ist das Problem? Wer entscheidet? Was darf delegiert werden? Welches Artefakt zählt? Wie wird Erfolg verifiziert?</p>
+    </section>
+
+    <section id="interface">
+      <div class="section-head">
+        <div class="kicker">Owner Interface</div>
+        <h2>Die Oberfläche muss nicht alles zeigen. Sie muss das Nächste entscheidbar machen.</h2>
+      </div>
+      <div class="matrix">
+        <div class="quote-panel">
+          <div class="runtime-label">Arbeitsdefinition</div>
+          <p class="big-quote">„Chat = Steuerpult, nicht Arbeitsfläche.“</p>
+        </div>
+        <div class="rules">
+          <div class="rule"><div class="rule-num">01</div><div><strong>Owner Packet statt Rohlog</strong><span>Maximal drei Optionen, Nutzen/Risiko/Kosten, nächste Konsequenz.</span></div></div>
+          <div class="rule"><div class="rule-num">02</div><div><strong>Delegation Card</strong><span>Ziel, Scope, erlaubte/verbotene Aktionen, Artefakte, Timeout, Verifier.</span></div></div>
+          <div class="rule"><div class="rule-num">03</div><div><strong>Evidence Panel</strong><span>Tests, Diffs, Dateien, Logs und Validation Report stehen neben dem Success Claim.</span></div></div>
+          <div class="rule"><div class="rule-num">04</div><div><strong>Stop Rules</strong><span>Scope Creep, zu viele Entscheidungen, risky writes, Agenten-Kaskaden, unverified completion.</span></div></div>
+          <div class="rule"><div class="rule-num">05</div><div><strong>Next Action</strong><span>Briefing, akzeptieren, Worker starten, validieren, parken oder abbrechen.</span></div></div>
+        </div>
+      </div>
+    </section>
+
+    <section id="bauplan">
+      <div class="section-head">
+        <div class="kicker">Bauplan</div>
+        <h2>Der nächste HAI-Build ist eine Profilseite und ein Audit — nicht der vollständige Tower.</h2>
+      </div>
+      <div class="card-grid">
+        <article class="glass-card"><div class="card-number">Jetzt</div><h3>Profilseite</h3><p>Diese Seite erklärt Samuel/HAI/Hermes als kohärentes System: Mensch als Owner, Hermes als Control Plane.</p></article>
+        <article class="glass-card"><div class="card-number">Proof</div><h3>4h Audit</h3><p>Ein echtes Angebot testet, ob HAI außerhalb von Samuel jemandem hilft: klarer rein, kontrollierbarer raus.</p></article>
+        <article class="glass-card"><div class="card-number">Später</div><h3>Software</h3><p>Dashboard, Sidecar, Enterprise-Governance und Verifier-Produkt erst nach echtem Nutzersignal.</p></article>
+      </div>
+    </section>
+
+    <section aria-label="Quellen und Evidenz">
+      <div class="evidence">
+        <div class="evidence-item"><strong>D01 / Global Memory</strong>HAI als Methode: diffuse Probleme → bounded agentic workflows → Next Action Packet.</div>
+        <div class="evidence-item"><strong>D02 / Meta Registry</strong>Operator, Verifier, Cognitive Firewall, HAI-Agenten und Meta-Agenten als spezialisierte Rollen.</div>
+        <div class="evidence-item"><strong>D03 / Meta Memory</strong>HAI ist Work Protocol, nicht UI/chat/terminal; Erfolg = Perspektivwechsel + nächster agentischer Schritt.</div>
+        <div class="evidence-item"><strong>D04 / Design Reference</strong>Owner cockpit, control room, evidence-first delegation board, human gate / verifier loop.</div>
+      </div>
+    </section>
+  </main>
+
+  <footer class="shell">
+    <span>Samuel / HAI / Meta-Hermes Profilseite</span>
+    <span>Samuel entscheidet. Agenten arbeiten.</span>
+  </footer>
+</body>
+</html>

_deploy/tripwire-map/index.html

@@ -0,0 +1,954 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta
+    name="description"
+    content="A source-backed Tripwire Map for Human Agent Interface: trigger, action, actor, and the moments where agentic work must change state."
+  >
+  <title>Tripwire Map | Human Agent Interface</title>
+  <style>
+    :root {
+      color-scheme: dark;
+      --ink: #f7f1df;
+      --muted: #b7ad97;
+      --quiet: #7a715f;
+      --void: #080806;
+      --charcoal: #11100d;
+      --panel: rgba(247, 241, 223, 0.065);
+      --panel-strong: rgba(247, 241, 223, 0.12);
+      --line: rgba(247, 241, 223, 0.18);
+      --line-strong: rgba(247, 241, 223, 0.32);
+      --signal: #a7ff4f;
+      --copper: #ff9f5f;
+      --cyan: #7dd8ff;
+      --red: #ff5b4f;
+      --max: 1180px;
+      --pad: clamp(18px, 4vw, 56px);
+      --display: Georgia, "Times New Roman", serif;
+      --body: "Aptos", "Segoe UI", "Helvetica Neue", sans-serif;
+      --mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+    }
+
+    * {
+      box-sizing: border-box;
+    }
+
+    html {
+      scroll-behavior: smooth;
+      background: var(--void);
+    }
+
+    body {
+      margin: 0;
+      min-width: 320px;
+      color: var(--ink);
+      background:
+        radial-gradient(circle at 76% 12%, rgba(167, 255, 79, 0.13), transparent 28rem),
+        radial-gradient(circle at 18% 34%, rgba(255, 159, 95, 0.1), transparent 26rem),
+        linear-gradient(180deg, #080806 0%, #11100d 46%, #070806 100%);
+      font-family: var(--body);
+      line-height: 1.5;
+      overflow-x: hidden;
+    }
+
+    body::before {
+      content: "";
+      position: fixed;
+      inset: 0;
+      z-index: 20;
+      pointer-events: none;
+      opacity: 0.24;
+      background-image:
+        linear-gradient(rgba(247, 241, 223, 0.04) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(247, 241, 223, 0.03) 1px, transparent 1px);
+      background-size: 72px 72px;
+      mask-image: linear-gradient(180deg, black, transparent 78%);
+    }
+
+    a {
+      color: inherit;
+      text-decoration: none;
+    }
+
+    p,
+    h1,
+    h2,
+    h3,
+    h4 {
+      margin: 0;
+    }
+
+    code {
+      color: var(--signal);
+      font-family: var(--mono);
+      font-size: 0.92em;
+    }
+
+    .site-shell {
+      position: relative;
+      isolation: isolate;
+    }
+
+    .topbar {
+      position: fixed;
+      inset: 0 0 auto;
+      z-index: 30;
+      display: flex;
+      justify-content: center;
+      padding: 14px var(--pad) 0;
+      pointer-events: none;
+    }
+
+    .topbar-inner {
+      width: min(var(--max), 100%);
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 18px;
+      padding: 12px 14px;
+      border: 1px solid rgba(247, 241, 223, 0.13);
+      background: rgba(8, 8, 6, 0.72);
+      backdrop-filter: blur(18px);
+      box-shadow: 0 18px 70px rgba(0, 0, 0, 0.3);
+      pointer-events: auto;
+    }
+
+    .brand {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      min-width: 0;
+      color: var(--muted);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+
+    .brand-mark {
+      width: 30px;
+      height: 30px;
+      display: grid;
+      place-items: center;
+      border: 1px solid var(--line-strong);
+      color: var(--signal);
+      font-size: 12px;
+    }
+
+    .nav {
+      display: flex;
+      align-items: center;
+      gap: clamp(12px, 2vw, 24px);
+      color: var(--muted);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.06em;
+      text-transform: uppercase;
+    }
+
+    .nav a {
+      opacity: 0.82;
+      transition: color 160ms ease, opacity 160ms ease;
+    }
+
+    .nav a:hover,
+    .nav a:focus-visible {
+      color: var(--ink);
+      opacity: 1;
+    }
+
+    .hero {
+      min-height: 92svh;
+      display: grid;
+      align-items: end;
+      padding: 126px var(--pad) 72px;
+      border-bottom: 1px solid var(--line);
+      background:
+        linear-gradient(90deg, rgba(247, 241, 223, 0.075), transparent 1px),
+        linear-gradient(180deg, rgba(247, 241, 223, 0.04), transparent 1px);
+      background-size: 84px 84px;
+    }
+
+    .hero-inner {
+      width: min(var(--max), 100%);
+      margin: 0 auto;
+      display: grid;
+      grid-template-columns: minmax(0, 0.9fr) minmax(300px, 0.42fr);
+      gap: clamp(32px, 6vw, 88px);
+      align-items: end;
+    }
+
+    .eyebrow,
+    .kicker,
+    .label {
+      color: var(--copper);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+
+    .eyebrow {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      margin-bottom: 18px;
+    }
+
+    .eyebrow::before {
+      content: "";
+      width: 42px;
+      height: 1px;
+      background: var(--copper);
+    }
+
+    h1 {
+      max-width: 940px;
+      font-family: var(--display);
+      font-weight: 500;
+      font-size: clamp(3.4rem, 8.2vw, 7.8rem);
+      line-height: 0.92;
+      letter-spacing: 0;
+      overflow-wrap: break-word;
+      text-wrap: balance;
+    }
+
+    .promise {
+      max-width: 760px;
+      margin-top: 28px;
+      color: var(--ink);
+      font-size: clamp(1.22rem, 2.25vw, 1.78rem);
+      line-height: 1.2;
+      text-wrap: balance;
+    }
+
+    .draft-note {
+      border-left: 1px solid var(--line-strong);
+      background: linear-gradient(90deg, rgba(247, 241, 223, 0.075), transparent);
+      padding: 24px;
+    }
+
+    .draft-note h2 {
+      color: var(--muted);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+
+    .draft-note p {
+      margin-top: 16px;
+      color: var(--muted);
+      font-size: 1rem;
+    }
+
+    .section {
+      padding: clamp(70px, 10vw, 132px) var(--pad);
+      border-bottom: 1px solid var(--line);
+    }
+
+    .section-inner {
+      width: min(var(--max), 100%);
+      margin: 0 auto;
+    }
+
+    .section-head {
+      display: grid;
+      grid-template-columns: minmax(0, 0.78fr) minmax(280px, 0.46fr);
+      gap: clamp(24px, 6vw, 78px);
+      align-items: end;
+      margin-bottom: 36px;
+    }
+
+    h2 {
+      margin-top: 12px;
+      font-family: var(--display);
+      font-size: clamp(2.35rem, 5.8vw, 5.8rem);
+      font-weight: 500;
+      line-height: 0.98;
+      letter-spacing: 0;
+      text-wrap: balance;
+    }
+
+    .section-copy,
+    .prose {
+      max-width: 65ch;
+      color: var(--muted);
+      font-size: clamp(1rem, 1.55vw, 1.18rem);
+    }
+
+    .prose {
+      display: grid;
+      gap: 18px;
+    }
+
+    .definition-box {
+      margin-top: 34px;
+      padding: clamp(22px, 4vw, 34px);
+      border: 1px solid var(--line-strong);
+      background:
+        linear-gradient(135deg, rgba(167, 255, 79, 0.12), transparent 48%),
+        rgba(247, 241, 223, 0.055);
+    }
+
+    .definition-box strong {
+      display: block;
+      font-family: var(--display);
+      font-size: clamp(2rem, 5vw, 4.4rem);
+      line-height: 1;
+      font-weight: 500;
+      letter-spacing: 0;
+    }
+
+    .definition-box span {
+      display: block;
+      max-width: 62ch;
+      margin-top: 18px;
+      color: var(--muted);
+      font-size: 1rem;
+    }
+
+    .taxonomy-grid {
+      display: grid;
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+      gap: 10px;
+      margin-top: 38px;
+    }
+
+    .taxon {
+      min-height: 250px;
+      padding: 18px;
+      border: 1px solid var(--line);
+      background: var(--panel);
+      display: grid;
+      align-content: space-between;
+      gap: 22px;
+    }
+
+    .taxon h3 {
+      color: var(--ink);
+      font-family: var(--display);
+      font-size: clamp(1.45rem, 2.3vw, 2.1rem);
+      font-weight: 500;
+      line-height: 1.02;
+    }
+
+    .taxon p {
+      color: var(--muted);
+      font-size: 0.98rem;
+    }
+
+    .taxon small {
+      color: var(--quiet);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.04em;
+      text-transform: uppercase;
+    }
+
+    .map-section {
+      background:
+        linear-gradient(180deg, rgba(247, 241, 223, 0.05), rgba(247, 241, 223, 0.015)),
+        #0c0d0a;
+    }
+
+    .profile-note {
+      display: grid;
+      grid-template-columns: 170px 1fr;
+      gap: 18px;
+      align-items: start;
+      margin-bottom: 28px;
+      padding: 18px;
+      border: 1px solid var(--line);
+      background: rgba(8, 8, 6, 0.48);
+    }
+
+    .profile-note p {
+      color: var(--muted);
+    }
+
+    .table-wrap {
+      overflow-x: auto;
+      border: 1px solid var(--line);
+      background: rgba(8, 8, 6, 0.46);
+    }
+
+    table {
+      width: 100%;
+      min-width: 980px;
+      border-collapse: collapse;
+      table-layout: fixed;
+    }
+
+    th,
+    td {
+      padding: 16px;
+      border-bottom: 1px solid var(--line);
+      border-right: 1px solid var(--line);
+      vertical-align: top;
+      text-align: left;
+      overflow-wrap: anywhere;
+    }
+
+    th:last-child,
+    td:last-child {
+      border-right: 0;
+    }
+
+    tr:last-child td {
+      border-bottom: 0;
+    }
+
+    th {
+      color: var(--copper);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+      background: rgba(247, 241, 223, 0.06);
+    }
+
+    td {
+      color: var(--muted);
+      font-size: 0.96rem;
+    }
+
+    td strong {
+      color: var(--ink);
+      font-weight: 700;
+    }
+
+    .category {
+      color: var(--cyan);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.06em;
+      text-transform: uppercase;
+    }
+
+    .onboarding {
+      background: var(--ink);
+      color: #10110d;
+    }
+
+    .onboarding .kicker {
+      color: rgba(16, 17, 13, 0.58);
+    }
+
+    .onboarding h2 {
+      color: #10110d;
+    }
+
+    .onboarding .section-copy,
+    .onboarding .prose {
+      color: rgba(16, 17, 13, 0.74);
+    }
+
+    .cta-panel {
+      max-width: 760px;
+      padding-top: 24px;
+      border-top: 1px solid var(--line-strong);
+    }
+
+    .cta-panel a {
+      color: var(--signal);
+      text-decoration: underline;
+      text-decoration-thickness: 1px;
+      text-underline-offset: 4px;
+    }
+
+    footer {
+      padding: 28px var(--pad);
+      border-top: 1px solid var(--line);
+      color: var(--quiet);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.06em;
+      text-transform: uppercase;
+    }
+
+    .footer-inner {
+      width: min(var(--max), 100%);
+      margin: 0 auto;
+      display: flex;
+      justify-content: space-between;
+      gap: 18px;
+    }
+
+    @media (max-width: 1040px) {
+      .taxonomy-grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+    }
+
+    @media (max-width: 940px) {
+      .hero-inner,
+      .section-head {
+        grid-template-columns: 1fr;
+      }
+
+      .hero {
+        min-height: auto;
+      }
+    }
+
+    @media (max-width: 700px) {
+      .topbar {
+        position: absolute;
+      }
+
+      .topbar-inner {
+        align-items: flex-start;
+        flex-direction: column;
+      }
+
+      .brand span:last-child {
+        display: none;
+      }
+
+      .nav {
+        width: 100%;
+        display: flex;
+        gap: 14px;
+        overflow-x: auto;
+        padding-bottom: 4px;
+        scrollbar-width: none;
+      }
+
+      .nav::-webkit-scrollbar {
+        display: none;
+      }
+
+      .hero {
+        width: 100vw;
+        padding: 148px 20px 58px;
+      }
+
+      .section {
+        width: 100vw;
+        padding-left: 20px;
+        padding-right: 20px;
+      }
+
+      .hero-inner,
+      .section-inner,
+      .footer-inner {
+        width: 350px;
+        max-width: calc(100vw - 40px);
+        margin-left: 0;
+        margin-right: 0;
+      }
+
+      h1 {
+        font-size: clamp(2.8rem, 13.8vw, 4.6rem);
+        line-height: 0.96;
+      }
+
+      h2 {
+        font-size: clamp(2.25rem, 11vw, 3.4rem);
+      }
+
+      .draft-note,
+      .definition-box,
+      .taxon,
+      .profile-note {
+        padding: 22px;
+      }
+
+      .taxonomy-grid,
+      .profile-note {
+        grid-template-columns: 1fr;
+      }
+
+      .table-wrap {
+        overflow-x: visible;
+        border: 0;
+        background: transparent;
+      }
+
+      table,
+      thead,
+      tbody,
+      tr,
+      th,
+      td {
+        display: block;
+        min-width: 0;
+        width: 100%;
+      }
+
+      thead {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        overflow: hidden;
+        clip: rect(0 0 0 0);
+      }
+
+      tr {
+        margin-bottom: 12px;
+        border: 1px solid var(--line);
+        background: rgba(247, 241, 223, 0.045);
+      }
+
+      td {
+        display: grid;
+        grid-template-columns: 112px 1fr;
+        gap: 14px;
+        border-right: 0;
+        padding: 13px 14px;
+      }
+
+      td::before {
+        content: attr(data-label);
+        color: var(--copper);
+        font-family: var(--mono);
+        font-size: 10px;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+      }
+
+      .footer-inner {
+        display: grid;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      *,
+      *::before,
+      *::after {
+        animation-duration: 0.001ms !important;
+        animation-iteration-count: 1 !important;
+        scroll-behavior: auto !important;
+        transition-duration: 0.001ms !important;
+      }
+    }
+  </style>
+</head>
+<body>
+  <div class="site-shell">
+    <header class="topbar" aria-label="Site navigation">
+      <div class="topbar-inner">
+        <a class="brand" href="../index.html" aria-label="Human Agent Interface home">
+          <span class="brand-mark">HAI</span>
+          <span>Human Agent Interface</span>
+        </a>
+        <nav class="nav" aria-label="Tripwire Map navigation">
+          <a href="../index.html">Home</a>
+          <a href="../product/">Products</a>
+          <a href="../what_it_is/">Where HAI comes from</a>
+          <a href="../samuel/">Samuel's work</a>
+          <a href="#map">Map</a>
+        </nav>
+      </div>
+    </header>
+
+    <main id="top">
+      <section class="hero" id="opener" aria-labelledby="hero-title">
+        <div class="hero-inner">
+          <div>
+            <p class="eyebrow">Tripwire profile 01</p>
+            <h1 id="hero-title">A control map for agentic work that can bite back.</h1>
+            <!-- PROSE: Samuel writes the personal failure story here.
+                 Anchor deferred. Expected length: 150-250 words.
+                 Must show what failed, why missing tripwires mattered,
+                 and transition into the concept section. -->
+            <p class="promise">
+              This opener is reserved for Samuel's own failure story. The page structure below is already built around the method: make every risky moment explicit as a trigger, an action, and an actor.
+            </p>
+          </div>
+
+          <aside class="draft-note" aria-label="Opener status">
+            <h2>Opener status</h2>
+            <p>
+              Samuel writes this section. The anchor is intentionally deferred so the public page does not invent a failure story.
+            </p>
+            <p>
+              The first profile is source-backed from Samuel's current Claude, Sidecar, and Codex control surface. More <code>.claude</code> profiles can be appended later.
+            </p>
+          </aside>
+        </div>
+      </section>
+
+      <section class="section" id="concept" aria-labelledby="concept-title">
+        <div class="section-inner">
+          <div class="section-head">
+            <div>
+              <p class="kicker">Concept</p>
+              <h2 id="concept-title">A tripwire is not topology. It is a control-transfer rule.</h2>
+            </div>
+            <p class="section-copy">
+              A topology map says what exists. A tripwire map says when normal continuation must change.
+            </p>
+          </div>
+
+          <div class="prose">
+            <p>
+              This page does not map every tool in the HAI stack. A topology view asks what exists, where it lives, and how components connect. The tripwire map asks a narrower control question: when must work change state? A tripwire has three parts: Trigger + Action + Actor. The trigger is the observable condition that makes normal continuation unsafe, unclear, or wasteful. The action is the required shift, such as stopping, escalating, switching mode, requesting review, or handing work back to the owner. The actor is the responsible party that must perform or authorize that shift. Without all three parts, a tripwire is only advice. With all three, it becomes an operating boundary: this happened, therefore this change is required, and this person or system owns the next move.
+            </p>
+          </div>
+
+          <div class="definition-box" aria-label="Tripwire definition">
+            <strong>Tripwire = Trigger + Action + Actor</strong>
+            <span>If one of those three is missing, the rule is still only advice. It becomes operational when the signal, response, and owner are all explicit.</span>
+          </div>
+        </div>
+      </section>
+
+      <section class="section" id="taxonomy" aria-labelledby="taxonomy-title">
+        <div class="section-inner">
+          <div class="section-head">
+            <div>
+              <p class="kicker">Taxonomy</p>
+              <h2 id="taxonomy-title">Five categories keep the map readable.</h2>
+            </div>
+            <p class="section-copy">
+              The categories are not abstract governance labels. Each one names a concrete failure mode in Samuel's current profile and becomes an audit question, not a universal claim.
+            </p>
+          </div>
+
+          <div class="taxonomy-grid" aria-label="Tripwire categories">
+            <article class="taxon">
+              <div>
+                <h3>Permission Tripwires</h3>
+                <p>Stops an agent from silently becoming an uncontrolled actor; background work must be explicit before it leaves the main session.</p>
+              </div>
+              <small>Example: Background-Agent-Gate</small>
+            </article>
+            <article class="taxon">
+              <div>
+                <h3>Resource Tripwires</h3>
+                <p>Protects the expensive thinking layer from bulk file reading; Opus stays on strategy, orchestration, and short prompts.</p>
+              </div>
+              <small>Example: Opus-Token-Regel</small>
+            </article>
+            <article class="taxon">
+              <div>
+                <h3>Scope Tripwires</h3>
+                <p>Blocks automatic fanout by making Conserve the default and requiring one explicit mode when deeper work is justified.</p>
+              </div>
+              <small>Example: Conserve-Default</small>
+            </article>
+            <article class="taxon">
+              <div>
+                <h3>Verification Tripwires</h3>
+                <p>Keeps completion claims tied to evidence while preserving Samuel's separate authority over commits.</p>
+              </div>
+              <small>Example: no commit without approval</small>
+            </article>
+            <article class="taxon">
+              <div>
+                <h3>Communication Tripwires</h3>
+                <p>Converts ambiguity about target, component, or approach into a direct question before files are touched.</p>
+              </div>
+              <small>Example: ask when ambiguous</small>
+            </article>
+          </div>
+        </div>
+      </section>
+
+      <section class="section map-section" id="map" aria-labelledby="map-title">
+        <div class="section-inner">
+          <div class="section-head">
+            <div>
+              <p class="kicker">The map</p>
+              <h2 id="map-title">Source-backed tripwires from Samuel's current setup.</h2>
+            </div>
+            <p class="section-copy">
+              This is profile 01, not the final universe. Additional <code>.claude</code> systems can become additional profiles using the same trigger-action-actor contract.
+            </p>
+          </div>
+
+          <div class="profile-note">
+            <span class="label">Profile 01</span>
+            <p>
+              Samuel's current Claude, Sidecar-NG, and Codex control surface. Draft sources include user-level Claude rules, hooks, skills, commands, Sidecar modes, Sidecar knowledge, Sidecar evolution notes, and Codex memory rules.
+            </p>
+          </div>
+
+          <div class="table-wrap">
+            <table>
+              <thead>
+                <tr>
+                  <th scope="col">Category</th>
+                  <th scope="col">Tripwire</th>
+                  <th scope="col">Trigger</th>
+                  <th scope="col">Action</th>
+                  <th scope="col">Actor</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td data-label="Category"><span class="category">Permission</span></td>
+                  <td data-label="Tripwire"><strong>Read-before-edit gate</strong></td>
+                  <td data-label="Trigger">Editing or overwriting an existing file.</td>
+                  <td data-label="Action">Read the exact target file first; block edits when no prior read exists in recent history.</td>
+                  <td data-label="Actor">Claude/Codex plus Sidecar safety gate</td>
+                </tr>
+                <tr>
+                  <td data-label="Category"><span class="category">Permission</span></td>
+                  <td data-label="Tripwire"><strong>Config-schema gate</strong></td>
+                  <td data-label="Trigger">Changing a config file or adding a config key.</td>
+                  <td data-label="Action">Inspect the existing config format and do not invent keys that are not already represented or documented.</td>
+                  <td data-label="Actor">Implementer</td>
+                </tr>
+                <tr>
+                  <td data-label="Category"><span class="category">Communication</span></td>
+                  <td data-label="Tripwire"><strong>Ambiguity gate</strong></td>
+                  <td data-label="Trigger">Goal, project, component, or approach is ambiguous.</td>
+                  <td data-label="Action">Ask Samuel instead of guessing; do not continue on a hidden assumption.</td>
+                  <td data-label="Actor">Main agent</td>
+                </tr>
+                <tr>
+                  <td data-label="Category"><span class="category">Verification</span></td>
+                  <td data-label="Tripwire"><strong>Done-means-evidence gate</strong></td>
+                  <td data-label="Trigger">Reporting that a change is complete.</td>
+                  <td data-label="Action">Verify with tests, smoke checks, live evidence, or concrete proof before saying done.</td>
+                  <td data-label="Actor">Builder or verifier</td>
+                </tr>
+                <tr>
+                  <td data-label="Category"><span class="category">Permission</span></td>
+                  <td data-label="Tripwire"><strong>Commit-approval gate</strong></td>
+                  <td data-label="Trigger">Staging, committing, or pushing changes.</td>
+                  <td data-label="Action">Scan for sensitive artifacts, group atomic changes, run tests, show staged files and message, then wait for Samuel's explicit approval.</td>
+                  <td data-label="Actor">Commit skill/main agent</td>
+                </tr>
+                <tr>
+                  <td data-label="Category"><span class="category">Permission</span></td>
+                  <td data-label="Tripwire"><strong>Destructive-command gate</strong></td>
+                  <td data-label="Trigger"><code>rm -r</code>, force-push, apt install/remove, or secret-like content in sensitive files.</td>
+                  <td data-label="Action">Block or require explicit confirmation; do not expose or write secrets.</td>
+                  <td data-label="Actor">Safety gate and main agent</td>
+                </tr>
+                <tr>
+                  <td data-label="Category"><span class="category">Resource</span></td>
+                  <td data-label="Tripwire"><strong>Conserve default gate</strong></td>
+                  <td data-label="Trigger">Broad research, fanout, or deeper mode is not explicitly required.</td>
+                  <td data-label="Action">Stay narrow; activate deeper modes only explicitly and keep only one active mode.</td>
+                  <td data-label="Actor">Main agent</td>
+                </tr>
+                <tr>
+                  <td data-label="Category"><span class="category">Resource</span></td>
+                  <td data-label="Tripwire"><strong>Opus-token gate</strong></td>
+                  <td data-label="Trigger">Large code context, bulk exploration, or implementation is needed while Opus is orchestrating.</td>
+                  <td data-label="Action">Use targeted reads or a Sonnet scout/builder instead of making Opus bulk-read or bulk-code.</td>
+                  <td data-label="Actor">Main agent, Sonnet scout, Sonnet builder</td>
+                </tr>
+                <tr>
+                  <td data-label="Category"><span class="category">Resource</span></td>
+                  <td data-label="Tripwire"><strong>Background-agent gate</strong></td>
+                  <td data-label="Trigger">An Agent/Subagent is spawned.</td>
+                  <td data-label="Action">Require <code>run_in_background: true</code>; block non-background agent calls so the main session stays responsive.</td>
+                  <td data-label="Actor">PreToolUse hook and main agent</td>
+                </tr>
+                <tr>
+                  <td data-label="Category"><span class="category">Scope</span></td>
+                  <td data-label="Tripwire"><strong>BuildMode scope-lock gate</strong></td>
+                  <td data-label="Trigger"><code>buildmode</code> is active.</td>
+                  <td data-label="Action">Perform only actions directly serving the task/DoD; no research, meta-analysis, or side tasks; stop drift and return to task.</td>
+                  <td data-label="Actor">Claude in BuildMode</td>
+                </tr>
+                <tr>
+                  <td data-label="Category"><span class="category">Scope</span></td>
+                  <td data-label="Tripwire"><strong>ReviewMode no-edit gate</strong></td>
+                  <td data-label="Trigger"><code>reviewmode</code> is active.</td>
+                  <td data-label="Action">Read, analyze, and report findings only; no code edits, refactors, or fixes.</td>
+                  <td data-label="Actor">Claude in ReviewMode</td>
+                </tr>
+                <tr>
+                  <td data-label="Category"><span class="category">Verification</span></td>
+                  <td data-label="Tripwire"><strong>VerifyMode requirement gate</strong></td>
+                  <td data-label="Trigger">A build is complete or a commit proposal is near.</td>
+                  <td data-label="Action">Check every requirement one by one; produce evidence or explicit FAIL; do not write new code or fix during verification.</td>
+                  <td data-label="Actor">Claude in VerifyMode</td>
+                </tr>
+                <tr>
+                  <td data-label="Category"><span class="category">Verification</span></td>
+                  <td data-label="Tripwire"><strong>Independent-verifier gate</strong></td>
+                  <td data-label="Trigger">The same agent that built something is also declaring it correct.</td>
+                  <td data-label="Action">Route to a separate verifier/mode because the builder is structurally biased toward completion.</td>
+                  <td data-label="Actor">VerifyMode or <code>sonnet-pruefer</code></td>
+                </tr>
+                <tr>
+                  <td data-label="Category"><span class="category">Verification</span></td>
+                  <td data-label="Tripwire"><strong>Green-tests-are-not-proof gate</strong></td>
+                  <td data-label="Trigger">Tests pass, commits exist, or todos are checked, but the core requirement has not been proven.</td>
+                  <td data-label="Action">Ask for requirement-level evidence such as a real API call, live input, integration run, or direct grep target.</td>
+                  <td data-label="Actor">Verifier</td>
+                </tr>
+                <tr>
+                  <td data-label="Category"><span class="category">Communication</span></td>
+                  <td data-label="Tripwire"><strong>ResearchMode source gate</strong></td>
+                  <td data-label="Trigger"><code>researchmode</code> is active or a research claim is being made.</td>
+                  <td data-label="Action">Use research tools, document sources, summarize structure, and do not edit code.</td>
+                  <td data-label="Actor">Claude in ResearchMode</td>
+                </tr>
+                <tr>
+                  <td data-label="Category"><span class="category">Scope</span></td>
+                  <td data-label="Tripwire"><strong>HAI GoalBinding owner gate</strong></td>
+                  <td data-label="Trigger">HAI workflow, UI, or control surface risks mutating goals or becoming a dashboard.</td>
+                  <td data-label="Action">Keep the surface human-owned, narrow, repo-native, and decision-focused; keep L0/L1 read-only in normal sessions and route drift to requirement review.</td>
+                  <td data-label="Actor">HAI/Codex owner surface</td>
+                </tr>
+                <tr>
+                  <td data-label="Category"><span class="category">Verification</span></td>
+                  <td data-label="Tripwire"><strong>Runtime-source-of-truth gate</strong></td>
+                  <td data-label="Trigger">Docs and runtime text disagree, or exact mode wording is requested.</td>
+                  <td data-label="Action">Check runtime sources such as <code>hook_inject.py</code> and mode files before trusting stale command docs.</td>
+                  <td data-label="Actor">Main agent</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </section>
+
+      <section class="section onboarding" id="onboarding-test" aria-labelledby="onboarding-title">
+        <div class="section-inner">
+          <div class="section-head">
+            <div>
+              <p class="kicker">The onboarding test</p>
+              <h2 id="onboarding-title">Could a new hire operate the control surface in a day?</h2>
+            </div>
+            <p class="section-copy">
+              This is the completeness test for the map: transfer, not confidence.
+            </p>
+          </div>
+
+          <div class="prose">
+            <p>
+              Could a new hire onboard onto this system in a day? Use that as a hard completeness check, not a morale check. "Under control" can mean the current owner has habits, private context, and recovery moves that nobody else can see. A one-day onboarding test exposes whether the control surface is legible outside the builder's head. The map passes only if someone new can answer three questions without folklore: what trigger matters, what action follows, and which actor owns it. That makes completeness observable instead of reassuring.
+            </p>
+          </div>
+        </div>
+      </section>
+
+      <section class="section" id="next" aria-labelledby="next-title">
+        <div class="section-inner">
+          <div class="section-head">
+            <div>
+              <p class="kicker">Soft next step</p>
+              <h2 id="next-title">Make weak points discussable before they compound.</h2>
+            </div>
+          </div>
+
+          <div class="cta-panel">
+            <p class="section-copy">
+              The map is meant to make weak points discussable, not to sell a tool. If the pattern feels familiar, <a href="../product/">/product/</a> describes how we close gaps together: a practical sequence for surfacing failure modes, protecting human decisions, and installing lightweight controls around the moments where agents usually drift.
+            </p>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <footer>
+      <div class="footer-inner">
+        <span>Human Agent Interface Tripwire Map</span>
+        <span>Trigger / Action / Actor</span>
+      </div>
+    </footer>
+  </div>
+</body>
+</html>

_deploy/what_it_is/index.html

@@ -0,0 +1,1323 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="Where Human Agent Interface comes from: CLI, TUI, GUI, and the need for an interface for systems that can act.">
+  <title>Where HAI Comes From</title>
+  <style>
+    :root {
+      color-scheme: dark;
+      --ink: #f4efe1;
+      --muted: #b8ad96;
+      --quiet: #716957;
+      --black: #080806;
+      --charcoal: #11100d;
+      --line: rgba(244, 239, 225, 0.16);
+      --line-strong: rgba(244, 239, 225, 0.32);
+      --gold: #e7a437;
+      --ember: #df5d3d;
+      --signal: #7ed6c5;
+      --violet: #9b88ff;
+      --max: 1180px;
+      --pad: clamp(18px, 4vw, 56px);
+      --display: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
+      --body: "Neue Haas Grotesk Text", "Aptos", "Segoe UI", sans-serif;
+      --mono: "Berkeley Mono", "Iosevka", "SFMono-Regular", Consolas, monospace;
+    }
+
+    * {
+      box-sizing: border-box;
+    }
+
+    html {
+      scroll-behavior: smooth;
+      background: var(--black);
+    }
+
+    body {
+      margin: 0;
+      min-width: 320px;
+      color: var(--ink);
+      font-family: var(--body);
+      background:
+        radial-gradient(circle at 70% 8%, rgba(126, 214, 197, 0.12), transparent 28vw),
+        radial-gradient(circle at 20% 40%, rgba(223, 93, 61, 0.08), transparent 26vw),
+        linear-gradient(180deg, #080806 0%, #12100c 44%, #0b0a08 100%);
+      overflow-x: hidden;
+    }
+
+    body::before {
+      content: "";
+      position: fixed;
+      inset: 0;
+      pointer-events: none;
+      z-index: 20;
+      opacity: 0.24;
+      background-image:
+        linear-gradient(rgba(244, 239, 225, 0.045) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(244, 239, 225, 0.035) 1px, transparent 1px);
+      background-size: 80px 80px;
+      mask-image: linear-gradient(180deg, black, transparent 78%);
+    }
+
+    a {
+      color: inherit;
+      text-decoration: none;
+    }
+
+    .site-shell {
+      position: relative;
+      isolation: isolate;
+    }
+
+    .grain {
+      position: fixed;
+      inset: 0;
+      pointer-events: none;
+      z-index: 30;
+      opacity: 0.16;
+      mix-blend-mode: overlay;
+      background-image:
+        repeating-radial-gradient(circle at 17% 23%, rgba(255,255,255,0.35) 0 1px, transparent 1px 5px);
+      background-size: 180px 180px;
+    }
+
+    .topbar {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 40;
+      display: flex;
+      justify-content: center;
+      pointer-events: none;
+      padding: 14px var(--pad) 0;
+    }
+
+    .topbar-inner {
+      width: min(var(--max), 100%);
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 18px;
+      padding: 12px 14px;
+      border: 1px solid rgba(244, 239, 225, 0.12);
+      background: rgba(8, 8, 6, 0.62);
+      backdrop-filter: blur(18px);
+      box-shadow: 0 18px 70px rgba(0, 0, 0, 0.3);
+      pointer-events: auto;
+    }
+
+    .mark {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      min-width: 0;
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+      color: var(--muted);
+    }
+
+    .mark-symbol {
+      width: 28px;
+      height: 28px;
+      display: grid;
+      place-items: center;
+      border: 1px solid var(--line-strong);
+      color: var(--gold);
+      font-size: 14px;
+      line-height: 1;
+    }
+
+    .nav {
+      display: flex;
+      gap: clamp(12px, 2.2vw, 30px);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.06em;
+      text-transform: uppercase;
+      color: var(--muted);
+    }
+
+    .nav a {
+      opacity: 0.82;
+      transition: color 160ms ease, opacity 160ms ease;
+    }
+
+    .nav a:hover {
+      color: var(--ink);
+      opacity: 1;
+    }
+
+    .hero {
+      position: relative;
+      min-height: 88svh;
+      display: grid;
+      align-items: end;
+      padding: 124px var(--pad) 8svh;
+      overflow: hidden;
+      border-bottom: 1px solid var(--line);
+    }
+
+    #signalCanvas {
+      position: absolute;
+      inset: 0;
+      width: 100%;
+      height: 100%;
+      z-index: -2;
+      background: #080806;
+    }
+
+    .hero::after {
+      content: "";
+      position: absolute;
+      inset: 0;
+      z-index: -1;
+      background:
+        linear-gradient(90deg, rgba(8, 8, 6, 0.98) 0%, rgba(8, 8, 6, 0.78) 39%, rgba(8, 8, 6, 0.2) 100%),
+        linear-gradient(180deg, rgba(8, 8, 6, 0.15), rgba(8, 8, 6, 0.86));
+    }
+
+    .hero-inner {
+      width: min(var(--max), 100%);
+      margin: 0 auto;
+      display: grid;
+      grid-template-columns: minmax(0, 0.94fr) minmax(240px, 0.46fr);
+      gap: clamp(28px, 7vw, 92px);
+      align-items: end;
+    }
+
+    .eyebrow {
+      display: inline-flex;
+      align-items: center;
+      gap: 10px;
+      margin: 0 0 24px;
+      color: var(--gold);
+      font-family: var(--mono);
+      font-size: clamp(11px, 1.4vw, 13px);
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+    }
+
+    .eyebrow::before {
+      content: "";
+      width: 38px;
+      height: 1px;
+      background: var(--gold);
+      box-shadow: 0 0 26px rgba(231, 164, 55, 0.9);
+    }
+
+    h1,
+    h2,
+    h3,
+    p {
+      margin: 0;
+    }
+
+      h1 {
+        max-width: 900px;
+        font-family: var(--display);
+        font-weight: 500;
+        font-size: clamp(58px, 11vw, 156px);
+        line-height: 0.86;
+        letter-spacing: 0;
+        text-wrap: balance;
+        overflow-wrap: break-word;
+      }
+
+    .hero-lede {
+      max-width: 710px;
+      margin-top: clamp(28px, 5vw, 48px);
+      color: var(--ink);
+      font-size: clamp(22px, 3.2vw, 42px);
+      line-height: 1.06;
+      letter-spacing: 0;
+      text-wrap: balance;
+    }
+
+    .hero-copy {
+      max-width: 560px;
+      margin-top: 22px;
+      color: var(--muted);
+      font-size: clamp(16px, 1.6vw, 19px);
+      line-height: 1.55;
+    }
+
+    .hero-aside {
+      display: grid;
+      gap: 18px;
+      justify-items: start;
+    }
+
+    .signal-label {
+      width: min(100%, 360px);
+      padding: 20px;
+      border-left: 1px solid var(--line-strong);
+      background: linear-gradient(90deg, rgba(244, 239, 225, 0.07), transparent);
+    }
+
+    .signal-label strong {
+      display: block;
+      margin-bottom: 10px;
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+      color: var(--signal);
+    }
+
+    .signal-label span {
+      display: block;
+      color: var(--muted);
+      font-size: 15px;
+      line-height: 1.45;
+    }
+
+    .scroll-cue {
+      margin-top: 14px;
+      display: inline-flex;
+      align-items: center;
+      gap: 12px;
+      color: var(--quiet);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+
+    .scroll-cue i {
+      width: 48px;
+      height: 1px;
+      background: var(--quiet);
+      display: inline-block;
+    }
+
+    section {
+      position: relative;
+      padding: clamp(76px, 11vw, 150px) var(--pad);
+    }
+
+    .section-inner {
+      width: min(var(--max), 100%);
+      margin: 0 auto;
+    }
+
+    .kicker {
+      color: var(--gold);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.11em;
+      text-transform: uppercase;
+      margin-bottom: 18px;
+    }
+
+    .section-title {
+      max-width: 860px;
+      font-family: var(--display);
+      font-weight: 500;
+      font-size: clamp(42px, 7vw, 92px);
+      line-height: 0.94;
+      letter-spacing: 0;
+      text-wrap: balance;
+    }
+
+    .section-copy {
+      max-width: 760px;
+      margin-top: 24px;
+      color: var(--muted);
+      font-size: clamp(17px, 2vw, 23px);
+      line-height: 1.45;
+      text-wrap: balance;
+    }
+
+    .shift {
+      background: linear-gradient(180deg, rgba(21, 18, 12, 0.76), rgba(8, 8, 6, 0.96));
+      border-bottom: 1px solid var(--line);
+    }
+
+    .shift-grid {
+      display: grid;
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+      gap: 1px;
+      margin-top: clamp(38px, 7vw, 76px);
+      background: var(--line);
+      border: 1px solid var(--line);
+    }
+
+    .era {
+      min-height: 260px;
+      padding: clamp(20px, 3vw, 30px);
+      background: rgba(8, 8, 6, 0.84);
+      display: grid;
+      align-content: space-between;
+      gap: 28px;
+      transition: background 180ms ease, transform 180ms ease;
+    }
+
+    .era:hover {
+      transform: translateY(-4px);
+      background: rgba(244, 239, 225, 0.055);
+    }
+
+    .era .code {
+      color: var(--quiet);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.12em;
+      text-transform: uppercase;
+    }
+
+    .era h3 {
+      font-family: var(--display);
+      font-size: clamp(34px, 5vw, 58px);
+      line-height: 0.9;
+      font-weight: 500;
+    }
+
+    .era p {
+      color: var(--muted);
+      font-size: clamp(16px, 1.6vw, 19px);
+      line-height: 1.35;
+    }
+
+    .era.current {
+      color: var(--black);
+      background: var(--gold);
+    }
+
+    .era.current .code,
+    .era.current p {
+      color: rgba(8, 8, 6, 0.72);
+    }
+
+    .when {
+      border-bottom: 1px solid var(--line);
+      overflow: hidden;
+    }
+
+    .when::before {
+      content: "ACTING SYSTEMS";
+      position: absolute;
+      right: -0.05em;
+      top: 50%;
+      transform: translateY(-50%);
+      color: rgba(244, 239, 225, 0.035);
+      font-family: var(--mono);
+      font-size: clamp(80px, 16vw, 240px);
+      letter-spacing: 0;
+      white-space: nowrap;
+      z-index: -1;
+    }
+
+    .contrast {
+      display: grid;
+      grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
+      gap: clamp(32px, 7vw, 90px);
+      align-items: start;
+      margin-top: clamp(44px, 7vw, 84px);
+    }
+
+    .problem-line {
+      display: grid;
+      gap: 1px;
+      background: var(--line);
+      border: 1px solid var(--line);
+    }
+
+    .problem-line div {
+      padding: 20px;
+      background: rgba(8, 8, 6, 0.76);
+    }
+
+    .problem-line span {
+      display: block;
+      margin-bottom: 8px;
+      color: var(--ember);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+    }
+
+    .problem-line p {
+      color: var(--ink);
+      font-size: clamp(18px, 2vw, 24px);
+      line-height: 1.22;
+      text-wrap: balance;
+    }
+
+    .definition {
+      padding: clamp(28px, 5vw, 48px);
+      border: 1px solid var(--line-strong);
+      background:
+        linear-gradient(135deg, rgba(126, 214, 197, 0.12), transparent 42%),
+        rgba(244, 239, 225, 0.055);
+    }
+
+    .definition p {
+      font-family: var(--display);
+      font-size: clamp(32px, 5vw, 66px);
+      line-height: 1;
+      letter-spacing: 0;
+      text-wrap: balance;
+    }
+
+    .definition small {
+      display: block;
+      margin-top: 26px;
+      color: var(--muted);
+      font-size: clamp(16px, 1.7vw, 20px);
+      line-height: 1.45;
+    }
+
+    .mechanism {
+      background:
+        linear-gradient(180deg, rgba(8, 8, 6, 0.98), rgba(17, 16, 13, 0.98)),
+        radial-gradient(circle at 10% 90%, rgba(231, 164, 55, 0.12), transparent 30vw);
+      border-bottom: 1px solid var(--line);
+    }
+
+    .flow {
+      margin-top: clamp(42px, 8vw, 86px);
+      display: grid;
+      grid-template-columns: repeat(6, minmax(0, 1fr));
+      gap: 0;
+      border: 1px solid var(--line);
+      background: rgba(244, 239, 225, 0.035);
+    }
+
+    .flow-step {
+      min-height: 190px;
+      padding: clamp(18px, 2.5vw, 26px);
+      border-right: 1px solid var(--line);
+      display: grid;
+      align-content: space-between;
+      gap: 24px;
+      position: relative;
+    }
+
+    .flow-step:last-child {
+      border-right: 0;
+    }
+
+    .flow-step::after {
+      content: "";
+      position: absolute;
+      right: -8px;
+      top: 50%;
+      width: 14px;
+      height: 14px;
+      border-top: 1px solid var(--line-strong);
+      border-right: 1px solid var(--line-strong);
+      transform: rotate(45deg) translateY(-50%);
+      background: var(--charcoal);
+      z-index: 2;
+    }
+
+    .flow-step:last-child::after {
+      display: none;
+    }
+
+    .flow-step span {
+      color: var(--quiet);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.12em;
+      text-transform: uppercase;
+    }
+
+    .flow-step strong {
+      font-size: clamp(19px, 2vw, 26px);
+      line-height: 1.05;
+      font-weight: 600;
+      letter-spacing: 0;
+    }
+
+    .flow-step p {
+      color: var(--muted);
+      font-size: 14px;
+      line-height: 1.4;
+    }
+
+    .roles {
+      margin-top: clamp(38px, 6vw, 70px);
+      display: grid;
+      grid-template-columns: 0.75fr 1.25fr;
+      gap: clamp(28px, 5vw, 68px);
+      align-items: start;
+    }
+
+    .role-copy {
+      position: sticky;
+      top: 110px;
+    }
+
+    .role-copy h3 {
+      font-family: var(--display);
+      font-size: clamp(34px, 5vw, 58px);
+      line-height: 0.98;
+      font-weight: 500;
+      letter-spacing: 0;
+      text-wrap: balance;
+    }
+
+    .role-copy p {
+      margin-top: 18px;
+      color: var(--muted);
+      font-size: 18px;
+      line-height: 1.48;
+    }
+
+    .role-list {
+      display: grid;
+      gap: 1px;
+      border: 1px solid var(--line);
+      background: var(--line);
+    }
+
+    .role {
+      display: grid;
+      grid-template-columns: 150px 1fr;
+      gap: 22px;
+      padding: 22px;
+      background: rgba(8, 8, 6, 0.82);
+    }
+
+    .role b {
+      color: var(--signal);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.09em;
+      text-transform: uppercase;
+    }
+
+    .role p {
+      color: var(--muted);
+      font-size: 17px;
+      line-height: 1.42;
+    }
+
+    .ownership {
+      border-bottom: 1px solid var(--line);
+    }
+
+    .owner-grid {
+      display: grid;
+      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+      gap: 1px;
+      margin-top: clamp(40px, 7vw, 78px);
+      border: 1px solid var(--line);
+      background: var(--line);
+    }
+
+    .owner-col {
+      padding: clamp(26px, 5vw, 48px);
+      background: rgba(8, 8, 6, 0.84);
+    }
+
+    .owner-col h3 {
+      font-family: var(--display);
+      font-size: clamp(34px, 5vw, 64px);
+      line-height: 0.95;
+      font-weight: 500;
+      letter-spacing: 0;
+    }
+
+    .owner-col ul {
+      display: grid;
+      gap: 16px;
+      margin: 30px 0 0;
+      padding: 0;
+      list-style: none;
+    }
+
+    .owner-col li {
+      display: flex;
+      align-items: flex-start;
+      gap: 12px;
+      color: var(--muted);
+      font-size: clamp(17px, 1.8vw, 20px);
+      line-height: 1.35;
+    }
+
+    .owner-col li::before {
+      content: "";
+      width: 8px;
+      height: 8px;
+      margin-top: 9px;
+      flex: 0 0 auto;
+      background: var(--gold);
+    }
+
+    .owner-col.agent li::before {
+      background: var(--signal);
+    }
+
+    .closing {
+      min-height: 82svh;
+      display: grid;
+      align-items: center;
+      background:
+        linear-gradient(180deg, rgba(8, 8, 6, 0.92), rgba(8, 8, 6, 0.72)),
+        radial-gradient(circle at 50% 20%, rgba(231, 164, 55, 0.18), transparent 36vw);
+    }
+
+    .closing-grid {
+      display: grid;
+      grid-template-columns: minmax(0, 0.9fr) minmax(240px, 0.45fr);
+      gap: clamp(32px, 7vw, 100px);
+      align-items: end;
+    }
+
+    .closing h2 {
+      font-family: var(--display);
+      font-weight: 500;
+      font-size: clamp(48px, 8vw, 112px);
+      line-height: 0.92;
+      letter-spacing: 0;
+      text-wrap: balance;
+    }
+
+    .closing p {
+      max-width: 720px;
+      margin-top: 28px;
+      color: var(--muted);
+      font-size: clamp(18px, 2vw, 24px);
+      line-height: 1.42;
+    }
+
+    .contact-panel {
+      border-left: 1px solid var(--line-strong);
+      padding: 26px;
+      background: linear-gradient(90deg, rgba(244, 239, 225, 0.06), transparent);
+    }
+
+    .contact-panel span {
+      display: block;
+      color: var(--gold);
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.1em;
+      text-transform: uppercase;
+      margin-bottom: 16px;
+    }
+
+    .contact-panel p {
+      margin: 0;
+      color: var(--ink);
+      font-size: 19px;
+      line-height: 1.38;
+    }
+
+    .contact-panel a {
+      display: inline-flex;
+      margin-top: 22px;
+      border: 1px solid var(--gold);
+      color: var(--gold);
+      padding: 12px 15px;
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+      transition: background 160ms ease, color 160ms ease;
+    }
+
+    .contact-panel a:hover {
+      background: var(--gold);
+      color: var(--black);
+    }
+
+    .footer {
+      padding: 24px var(--pad);
+      border-top: 1px solid var(--line);
+      color: var(--quiet);
+      font-family: var(--mono);
+      font-size: 11px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+
+    .footer-inner {
+      width: min(var(--max), 100%);
+      margin: 0 auto;
+      display: flex;
+      justify-content: space-between;
+      gap: 18px;
+      flex-wrap: wrap;
+    }
+
+    @media (max-width: 980px) {
+      .hero-inner,
+      .contrast,
+      .roles,
+      .closing-grid {
+        grid-template-columns: 1fr;
+      }
+
+      .hero {
+        min-height: 86svh;
+        align-items: center;
+      }
+
+      .hero-aside {
+        display: none;
+      }
+
+      .shift-grid,
+      .flow {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+      }
+
+      .flow-step {
+        border-bottom: 1px solid var(--line);
+      }
+
+      .flow-step:nth-child(2n) {
+        border-right: 0;
+      }
+
+      .flow-step::after {
+        display: none;
+      }
+
+      .role-copy {
+        position: static;
+      }
+    }
+
+    @media (max-width: 700px) {
+      .topbar {
+        position: absolute;
+      }
+
+      .topbar-inner {
+        align-items: flex-start;
+        flex-direction: column;
+      }
+
+      .nav {
+        width: 100%;
+        display: flex;
+        gap: 14px;
+        overflow-x: auto;
+        padding-bottom: 4px;
+        scrollbar-width: none;
+      }
+
+      .nav::-webkit-scrollbar {
+        display: none;
+      }
+
+      .hero {
+        min-height: auto;
+        padding-top: 148px;
+        padding-bottom: 58px;
+        width: 100vw;
+        padding-left: 20px;
+        padding-right: 20px;
+      }
+
+      h1 {
+        max-width: calc(100vw - 40px);
+        font-size: clamp(46px, 13.4vw, 64px);
+        line-height: 0.96;
+        text-wrap: wrap;
+      }
+
+      .hero-inner,
+      .hero-lede,
+      .hero-copy,
+      .section-inner,
+      .footer-inner {
+        width: 350px;
+        max-width: calc(100vw - 40px);
+      }
+
+      .hero-inner,
+      .section-inner,
+      .footer-inner {
+        margin-left: 0;
+        margin-right: 0;
+      }
+
+      .shift-grid,
+      .flow,
+      .owner-grid {
+        grid-template-columns: 1fr;
+      }
+
+      .era {
+        min-height: 210px;
+      }
+
+      .flow-step {
+        min-height: 150px;
+        border-right: 0;
+      }
+
+      .role {
+        grid-template-columns: 1fr;
+        gap: 10px;
+      }
+
+      .owner-col {
+        padding: 26px 22px;
+      }
+
+      .closing {
+        min-height: auto;
+      }
+
+      .contact-panel {
+        padding: 22px 0 0;
+        border-left: 0;
+        border-top: 1px solid var(--line-strong);
+        background: transparent;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      *,
+      *::before,
+      *::after {
+        animation-duration: 0.001ms !important;
+        animation-iteration-count: 1 !important;
+        scroll-behavior: auto !important;
+        transition-duration: 0.001ms !important;
+      }
+    }
+  </style>
+</head>
+<body>
+  <div class="site-shell">
+    <div class="grain" aria-hidden="true"></div>
+
+    <header class="topbar" aria-label="Site navigation">
+      <div class="topbar-inner">
+        <a class="mark" href="../index.html" aria-label="Back to Human Agent Interface home">
+          <span class="mark-symbol">H</span>
+          <span>Where HAI comes from</span>
+        </a>
+        <nav class="nav" aria-label="Page sections">
+          <a href="../index.html">Home</a>
+          <a href="../product/">Products</a>
+          <a href="../fit/">Human Fit</a>
+          <a href="../samuel/">Samuel's work</a>
+          <a href="#shift">Interface Shift</a>
+          <a href="#definition">Definition</a>
+          <a href="#mechanism">Mechanism</a>
+          <a href="#contact">Contact</a>
+        </nav>
+      </div>
+    </header>
+
+    <main id="top">
+      <section class="hero" aria-labelledby="hero-title">
+        <canvas id="signalCanvas" aria-hidden="true"></canvas>
+        <div class="hero-inner">
+          <div>
+            <p class="eyebrow">The derivation</p>
+            <h1 id="hero-title">Where HAI comes from</h1>
+            <p class="hero-lede">CLI, TUI, GUI, HAI: every new tool class needs a new interface.</p>
+            <p class="hero-copy">
+              Agents can research, plan, build, verify, and coordinate. They do not only wait for input.
+              They act. That changes the interface problem from input to direction.
+            </p>
+          </div>
+          <aside class="hero-aside" aria-label="Positioning note">
+            <div class="signal-label">
+              <strong>Not the homepage pitch</strong>
+              <span>This page explains the lineage: why Human Agent Interface follows CLI, TUI, and GUI.</span>
+            </div>
+            <div class="scroll-cue"><i></i> Interface shift</div>
+          </aside>
+        </div>
+      </section>
+
+      <section class="shift" id="shift" aria-labelledby="shift-title">
+        <div class="section-inner">
+          <p class="kicker">Interface Shift</p>
+          <h2 class="section-title" id="shift-title">Every new tool class needs a new interface.</h2>
+          <p class="section-copy">
+            Commanding software, navigating systems, controlling computers, and directing agents are not the same act.
+            HAI is the name for the fourth act.
+          </p>
+
+          <div class="shift-grid" aria-label="Interface evolution">
+            <article class="era">
+              <span class="code">01 / CLI</span>
+              <div>
+                <h3>CLI</h3>
+                <p>made software commandable.</p>
+              </div>
+            </article>
+            <article class="era">
+              <span class="code">02 / TUI</span>
+              <div>
+                <h3>TUI</h3>
+                <p>made systems navigable in text.</p>
+              </div>
+            </article>
+            <article class="era">
+              <span class="code">03 / GUI</span>
+              <div>
+                <h3>GUI</h3>
+                <p>made computers visually controllable.</p>
+              </div>
+            </article>
+            <article class="era current">
+              <span class="code">04 / HAI</span>
+              <div>
+                <h3>HAI</h3>
+                <p>is for directing systems that can act.</p>
+              </div>
+            </article>
+          </div>
+        </div>
+      </section>
+
+      <section class="when" id="definition" aria-labelledby="definition-title">
+        <div class="section-inner">
+          <p class="kicker">When systems can act</p>
+          <h2 class="section-title" id="definition-title">The interface has to hold intent, scope, risk, feedback, and control.</h2>
+          <p class="section-copy">
+            Raw agents amplify unclear intent into unclear work. Human-Agent Interface exists to make the work legible before the agent starts moving.
+          </p>
+
+          <div class="contrast">
+            <div class="problem-line" aria-label="Common failure modes">
+              <div>
+                <span>Messy input</span>
+                <p>An idea, a blocked project, a vague decision, ten open threads.</p>
+              </div>
+              <div>
+                <span>Raw delegation</span>
+                <p>The agent runs, expands scope, creates artifacts, and the human loses the thread.</p>
+              </div>
+              <div>
+                <span>Agentic headache</span>
+                <p>More output appears, but the next human action is still not clear.</p>
+              </div>
+            </div>
+
+            <blockquote class="definition">
+              <p>HAI is derived from the moment software stops being passive.</p>
+              <small>
+                It is not a single chatbot, dashboard, or auto-agent. It is the translation and control layer between human chaos and systems that can act.
+              </small>
+            </blockquote>
+          </div>
+        </div>
+      </section>
+
+      <section class="mechanism" id="mechanism" aria-labelledby="mechanism-title">
+        <div class="section-inner">
+          <p class="kicker">Mechanism</p>
+          <h2 class="section-title" id="mechanism-title">The product kernel is a controlled work packet.</h2>
+          <p class="section-copy">
+            HAI takes a human state and turns it into a bounded assignment: role, scope, risk, artifact obligation, and next step.
+            The loop is stable; <a href="../fit/">Human Fit</a> explains what adapts to the person using it.
+          </p>
+
+          <div class="flow" aria-label="HAI workflow">
+            <article class="flow-step">
+              <span>01</span>
+              <strong>Intake</strong>
+              <p>Capture the human problem state without pretending it is already structured.</p>
+            </article>
+            <article class="flow-step">
+              <span>02</span>
+              <strong>Classify</strong>
+              <p>Name what this actually is: idea, blockage, project state, decision, or risk.</p>
+            </article>
+            <article class="flow-step">
+              <span>03</span>
+              <strong>Scope</strong>
+              <p>Separate agent-capable work from what must remain human-owned.</p>
+            </article>
+            <article class="flow-step">
+              <span>04</span>
+              <strong>Assign Role</strong>
+              <p>Choose the right operating mode instead of handing everything to one generic assistant.</p>
+            </article>
+            <article class="flow-step">
+              <span>05</span>
+              <strong>Define Artifact</strong>
+              <p>Specify what must exist at the end so progress can be inspected.</p>
+            </article>
+            <article class="flow-step">
+              <span>06</span>
+              <strong>Next Action</strong>
+              <p>Produce a concrete packet the human can approve, run, reject, or revise.</p>
+            </article>
+          </div>
+
+          <div class="roles">
+            <div class="role-copy">
+              <h3>Agents are roles, not magic.</h3>
+              <p>
+                A useful interface routes work into a mode the human can supervise. Sometimes that means no agent at all.
+              </p>
+            </div>
+            <div class="role-list" aria-label="Agent roles">
+              <article class="role">
+                <b>Research</b>
+                <p>Collects evidence, maps options, and reduces uncertainty before action.</p>
+              </article>
+              <article class="role">
+                <b>Executor</b>
+                <p>Performs bounded implementation work against a clear definition of done.</p>
+              </article>
+              <article class="role">
+                <b>Verifier</b>
+                <p>Checks whether the promised outcome actually holds in reality.</p>
+              </article>
+              <article class="role">
+                <b>Orchestrator</b>
+                <p>Coordinates multiple agents while preserving state, ownership, and handoff clarity.</p>
+              </article>
+              <article class="role">
+                <b>Human-only</b>
+                <p>Marks work that depends on judgment, consent, taste, risk appetite, or irreversible decisions.</p>
+              </article>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section class="ownership" aria-labelledby="ownership-title">
+        <div class="section-inner">
+          <p class="kicker">Control</p>
+          <h2 class="section-title" id="ownership-title">The human does not disappear from the system.</h2>
+          <p class="section-copy">
+            The point is not autonomy theater. The point is controlled working ability with agents.
+          </p>
+
+          <div class="owner-grid">
+            <article class="owner-col">
+              <h3>The human owns</h3>
+              <ul>
+                <li>Goal and meaning</li>
+                <li>Scope boundaries</li>
+                <li>Risk and approvals</li>
+                <li>Irreversible decisions</li>
+                <li>The final sense of whether the work matters</li>
+              </ul>
+            </article>
+            <article class="owner-col agent">
+              <h3>The agent works on</h3>
+              <ul>
+                <li>Research and synthesis</li>
+                <li>Implementation and iteration</li>
+                <li>Verification and critique</li>
+                <li>Documentation and handoff</li>
+                <li>Structured next actions</li>
+              </ul>
+            </article>
+          </div>
+        </div>
+      </section>
+
+      <section class="closing" id="contact" aria-labelledby="closing-title">
+        <div class="section-inner closing-grid">
+          <div>
+            <p class="kicker">Human tool use continues</p>
+            <h2 id="closing-title">The agent is not the product. The collaboration is.</h2>
+            <p>
+              Agents may be the most powerful tools humans have ever had. But power without an interface becomes noise.
+              Human-Agent Interface is the discipline of turning that power into clear, supervised, useful work.
+            </p>
+          </div>
+          <aside class="contact-panel" aria-label="Early conversation">
+            <span>Early conversations</span>
+            <p>
+              For the main pain-first pitch, return to the homepage. For one messy agent workflow, start a direct conversation.
+            </p>
+            <a href="../index.html">Back to homepage</a>
+            <a href="../fit/">Human Fit</a>
+            <a href="../samuel/">Samuel's work</a>
+            <a href="mailto:samuel@human-agent-interface.com?subject=Human%20Agent%20Interface%20conversation">Bring one messy agent workflow</a>
+          </aside>
+        </div>
+      </section>
+    </main>
+
+    <footer class="footer">
+      <div class="footer-inner">
+        <span>Where HAI comes from</span>
+        <span>CLI / TUI / GUI / HAI</span>
+      </div>
+    </footer>
+  </div>
+
+  <script>
+    const canvas = document.getElementById("signalCanvas");
+    const ctx = canvas.getContext("2d");
+    const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)");
+    let width = 0;
+    let height = 0;
+    let pixelRatio = 1;
+    let packets = [];
+    let columns = [];
+    let frame = 0;
+
+    function resize() {
+      pixelRatio = Math.min(window.devicePixelRatio || 1, 2);
+      const rect = canvas.getBoundingClientRect();
+      width = rect.width;
+      height = rect.height;
+      canvas.width = Math.floor(width * pixelRatio);
+      canvas.height = Math.floor(height * pixelRatio);
+      ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
+
+      columns = [
+        { x: width * 0.52, label: "CLI", color: "rgba(244,239,225,0.35)" },
+        { x: width * 0.64, label: "TUI", color: "rgba(244,239,225,0.35)" },
+        { x: width * 0.76, label: "GUI", color: "rgba(244,239,225,0.35)" },
+        { x: width * 0.89, label: "HAI", color: "rgba(231,164,55,0.95)" }
+      ];
+
+      packets = Array.from({ length: width < 720 ? 18 : 34 }, (_, index) => ({
+        progress: Math.random(),
+        row: 0.16 + Math.random() * 0.68,
+        speed: 0.0016 + Math.random() * 0.0028,
+        size: 1.2 + Math.random() * 2.8,
+        phase: Math.random() * Math.PI * 2,
+        lane: index % 5
+      }));
+    }
+
+    function drawGrid() {
+      ctx.clearRect(0, 0, width, height);
+      ctx.fillStyle = "#080806";
+      ctx.fillRect(0, 0, width, height);
+
+      ctx.strokeStyle = "rgba(244,239,225,0.055)";
+      ctx.lineWidth = 1;
+      const grid = width < 720 ? 58 : 86;
+      for (let x = 0; x < width; x += grid) {
+        ctx.beginPath();
+        ctx.moveTo(x, 0);
+        ctx.lineTo(x, height);
+        ctx.stroke();
+      }
+      for (let y = 0; y < height; y += grid) {
+        ctx.beginPath();
+        ctx.moveTo(0, y);
+        ctx.lineTo(width, y);
+        ctx.stroke();
+      }
+    }
+
+    function drawColumns() {
+      columns.forEach((column, index) => {
+        ctx.strokeStyle = column.color;
+        ctx.lineWidth = index === columns.length - 1 ? 2 : 1;
+        ctx.beginPath();
+        ctx.moveTo(column.x, height * 0.12);
+        ctx.lineTo(column.x, height * 0.86);
+        ctx.stroke();
+
+        ctx.save();
+        ctx.translate(column.x + 12, height * 0.14);
+        ctx.fillStyle = index === columns.length - 1 ? "#e7a437" : "rgba(244,239,225,0.38)";
+        ctx.font = "12px Berkeley Mono, Iosevka, Consolas, monospace";
+        ctx.letterSpacing = "2px";
+        ctx.fillText(column.label, 0, 0);
+        ctx.restore();
+      });
+    }
+
+    function curvePoint(startX, startY, endX, endY, t, bend) {
+      const controlX = startX + (endX - startX) * 0.52;
+      const controlY = startY + bend;
+      const inverse = 1 - t;
+      return {
+        x: inverse * inverse * startX + 2 * inverse * t * controlX + t * t * endX,
+        y: inverse * inverse * startY + 2 * inverse * t * controlY + t * t * endY
+      };
+    }
+
+    function drawPacket(packet) {
+      const startX = width * 0.46;
+      const endX = width * 0.94;
+      const startY = height * packet.row;
+      const endY = height * (0.2 + packet.lane * 0.13);
+      const bend = Math.sin(packet.phase + frame * 0.018) * 70;
+      const t = packet.progress;
+      const point = curvePoint(startX, startY, endX, endY, t, bend);
+      const alpha = Math.sin(Math.PI * t);
+
+      ctx.strokeStyle = `rgba(126,214,197,${0.08 * alpha})`;
+      ctx.lineWidth = 1;
+      ctx.beginPath();
+      for (let i = 0; i <= 22; i += 1) {
+        const localT = i / 22;
+        const p = curvePoint(startX, startY, endX, endY, localT, bend);
+        if (i === 0) ctx.moveTo(p.x, p.y);
+        else ctx.lineTo(p.x, p.y);
+      }
+      ctx.stroke();
+
+      ctx.fillStyle = `rgba(231,164,55,${0.72 * alpha})`;
+      ctx.shadowColor = "rgba(231,164,55,0.7)";
+      ctx.shadowBlur = 16;
+      ctx.beginPath();
+      ctx.arc(point.x, point.y, packet.size, 0, Math.PI * 2);
+      ctx.fill();
+      ctx.shadowBlur = 0;
+
+      if (t > 0.78) {
+        ctx.strokeStyle = `rgba(231,164,55,${0.32 * alpha})`;
+        ctx.strokeRect(point.x - 10, point.y - 10, 20, 20);
+      }
+    }
+
+    function drawHumanSignal() {
+      const x = width * 0.42;
+      const y = height * 0.52;
+      const radius = Math.min(width, height) * 0.11;
+      const pulse = prefersReducedMotion.matches ? 0 : Math.sin(frame * 0.03) * 0.08;
+
+      ctx.strokeStyle = "rgba(244,239,225,0.12)";
+      ctx.lineWidth = 1;
+      for (let i = 0; i < 4; i += 1) {
+        ctx.beginPath();
+        ctx.arc(x, y, radius * (0.42 + i * 0.28 + pulse), 0, Math.PI * 2);
+        ctx.stroke();
+      }
+
+      ctx.fillStyle = "rgba(244,239,225,0.42)";
+      ctx.beginPath();
+      ctx.arc(x, y, 4, 0, Math.PI * 2);
+      ctx.fill();
+    }
+
+    function render() {
+      frame += 1;
+      drawGrid();
+      drawHumanSignal();
+      drawColumns();
+      packets.forEach((packet) => {
+        drawPacket(packet);
+        if (!prefersReducedMotion.matches) {
+          packet.progress += packet.speed;
+          if (packet.progress > 1.08) {
+            packet.progress = -0.08 - Math.random() * 0.4;
+            packet.row = 0.16 + Math.random() * 0.68;
+            packet.lane = Math.floor(Math.random() * 5);
+          }
+        }
+      });
+      requestAnimationFrame(render);
+    }
+
+    resize();
+    render();
+    window.addEventListener("resize", resize, { passive: true });
+  </script>
+</body>
+</html>

agentic-feedback/Herr-Vetter/README.md

@@ -0,0 +1,175 @@
+# Herr Vetter — HAI Feedback / technischer agentic Gesprächspartner
+
+Status:
+- Beziehung: Dozent/Kursleiter, technischer Gesprächspartner
+- Typ: agentic/technical feedback + erster HAI-Pitch von Samuel
+- Datum: 2026-06-08
+- Aktueller Stand: Spontaner HAI-Pitch nach Vorlesungs-/Praktikumsgespräch; Gegenüber reagiert interessiert, ordnet das Thema technisch ein und gibt Hinweise Richtung Grundlagen, Statistik, latente Repräsentation und Forschungsnähe.
+
+## Quellen
+
+Primärquelle:
+- `/home/smlflg/Projekte/Human-Agent-Interface/06-08 Vorlesung_ Neuronale Netze, BPTT und KI-Agentensysteme.txt`
+
+Relevante Stellen:
+- Pitch-Einstieg: Zeilen 382–390
+- Sanduhr/HAI-Erklärung: Zeilen 386–399
+- Praxis-/Kundenbeispiele: Zeilen 416–424
+- Agentenoptimierung / Hermes Optimization: Zeilen 428–444
+- Latent-Space-/Repräsentationsfeedback: Zeilen 450–484
+- Zukunfts-/Differenzierungsfeedback: Zeilen 488–510
+
+## Kontext
+
+Samuel spricht nach einem längeren technischen Lern-/Klärungsgespräch zu neuronalen Netzen, BPTT, LSTM/GRU, Autoencodern und Architekturen über seine eigene Arbeit mit Agenten und HAI.
+
+Das Gespräch ist kein klassischer Sales-Call und kein Kundendiscovery-Gespräch. Es ist ein technisches Mentor-/Expertengespräch mit spontaner Pitch-Situation.
+
+## Rohpitch / zentrale Originalstellen
+
+```text
+Ich arbeite jetzt schon seit zwei Jahren mit Agenten und ich arbeite langsam professionell mit Agenten.
+So professionell, dass ich Aufträge annehme für die Industrie und für Firmenagentenbau.
+```
+
+```text
+Ich entwickle etwas, das nenne ich Human Agent Interface. Das ist quasi die Brücke, wenn wir sagen, Wir haben keinen stochastischen Papagei, sondern halbwegs intelligente große LLMs.
+Und wir haben den Menschen als funktionierendes natürliches neuronales Netz. Wie muss die Interface-Connection zwischen beiden laufen?
+```
+
+```text
+Das kann man sich so vorstellen wie eine Sanduhr. Man wirft oben alles rein, was relevant ist. Dann passiert ganz viel Preprocessing, also der Agent sucht im Web, welche Lösungen gibt es schon, macht alles, Um das Projekt in going zu bekommen und dann kanalisiert die Sanduhr durch verschiedene Gates es so weit runter, dass aus diesen ganzen 10 Millionen Tokens, die jetzt aus einem Gedanken verarbeitet wurden,
+Drei Für den Menschen zu entscheidende Sachen, die ihm erklärt werden...
+```
+
+```text
+...dann entsteht nach unten, da bin ich jetzt gerade am bauen von, eine Executor Pyramide.
+Bisher habe ich nur ein Teil davon. Ich habe einen Executor, einen Verifier Agent, die laufen im Loop und wenn die sich nicht einigen können, dass der Code committed werden kann, Wird ein dritter Agent zugeschaltet...
+```
+
+```text
+Software-News. Mittlerweile geht es raus aus der Softwareentwicklung rein in das operationale Geschäft. Also ich baue für Mannheim einen Bewerbungsagenten für eine Firma...
+Für Berlin baue ich quasi Production Agents.
+```
+
+## Rohfeedback / Reaktion von Herr Vetter
+
+```text
+Können Sie mir so einen latenten Space bringen?
+```
+
+```text
+Grundlagen Muss man lernen, da muss man durch... In Deutschland kommt das so und es macht einfach Sinn, weil sie trotzdem was mitkriegen auch wenn es ja sehr langsam sie anhört.
+```
+
+```text
+Was für Anwendungszwecke haben Sie da vor allem? Also Agenten führen?
+```
+
+```text
+Ganz wichtig. Punkte an die Grundlagen, an die werden mir am meisten geholfen. Weil es wird ein oder zwei Technologieschritte, wenn sie da durchkommen.
+```
+
+```text
+Wenn Sie irgendwelche Konzepte verstehen, können Sie sich auch so etwas wie einen inneren Kern bauen und dadurch dann solches meta-Wissen über mehrere Sachen hinweg in so einen latellischen Raum transformieren...
+```
+
+```text
+Was Sie da machen, das machen ganz ganz viele, machen alle Unternehmen, das machen Sie ja. Sie können als Dienstleister Geld verdienen und das anbieten. Wenn Sie ein Unternehmen gründen wollen und wirklich wegfliegen...
+```
+
+```text
+Momentan sind wir im Zeitalter, wie man mit 2000er, wo man mit Webseiten und die Webseite programmieren konnte, haben viel Geld verdient. Die Zeit wird irgendwann weg sein und irgendwann werden Agenten, sollen die Agenten bauen.
+```
+
+```text
+Dahin läuft die Welt, ja, ich weiß. Ne, super. Kunden zu übernehmen, machen, bedienen Geld mit, sammeln Erfahrungen, total gut. Wenn sie so denken, passen sie auch ganz gut in die Abteilung hier rein...
+```
+
+## Erste Interpretation
+
+### Starke Signale
+
+- Der Pitch erzeugt technische Glaubwürdigkeit: Samuel spricht nicht theoretisch über Agenten, sondern nennt echte Praxis, Kundenkontexte und eigene operative Systeme.
+- Das Sanduhr-Bild ist der stärkste HAI-Teil: Es erklärt menschliche Entscheidungsbandbreite gegen maschinelle Kontextverarbeitung.
+- Herr Vetter steigt inhaltlich ein statt abzuwürgen: Latent Space, Grundlagen, Repräsentation, RAG/Rec-Systeme, Zukunft der Agentenarbeit.
+- Er validiert die Richtung als aktuell sinnvoll: Geld verdienen, Erfahrungen sammeln, Kunden bedienen.
+- Er sieht Samuel als passend für eine technische/Forschungsumgebung, nicht als reinen Tool-Anwender.
+
+### Schwache / riskante Signale
+
+- Der Pitch eskaliert sehr schnell: HAI, Sanduhr, Executor-Pyramide, Verifier-Agent, dritter Agent, 70–80 Agenten, 100M Tokens, Kosten, Kunden, Latent Space, Agentic Sales, Zukunft der Arbeit.
+- Für einen Kunden wäre das vermutlich zu breit und zu abstrakt. Für einen technischen Dozenten ist es interessant; als Produktpitch muss es enger werden.
+- Es kippt teilweise von Problem/Nutzen zu Impressiveness/Status: viele Agenten, viele Tokens, viele Abos, hohe Komplexität.
+- Die Executor-Pyramide kann HAI falsch rahmen: Sie klingt nach Multi-Agent-Fanout, obwohl der aktuelle HAI-Kern eher Kontrolle, Entscheidungsverdichtung und Human-Gates ist.
+- Samuel widerspricht/kontert an einigen Stellen schnell. Das zeigt Stärke, kann aber Lernsignale des Gegenübers überdecken.
+
+## HAI-Konsequenz
+
+Der klare Pitch-Kern lautet:
+
+```text
+HAI reduziert maschinelle Kontext- und Agentenkomplexität auf wenige menschlich entscheidbare Optionen.
+```
+
+Das sollte im Erstpitch vor Executor-Architektur, Agentenanzahl, Tokenkosten und Zukunftsvision kommen.
+
+Für technische Gesprächspartner funktioniert die Analogie:
+
+```text
+HAI ist eine Sanduhr zwischen großem Agenten-Kontext und begrenzter menschlicher Entscheidungsbandbreite.
+```
+
+Für Kunden sollte der Pitch konkreter werden:
+
+```text
+Sie müssen nicht 20 KI-Ausgaben kontrollieren. HAI macht daraus 2–3 saubere Entscheidungen mit Risiko, Empfehlung und nächstem Schritt.
+```
+
+## Bewertung von Samuels erstem Pitch
+
+Kurzurteil:
+
+- Stark als Echtheits- und Kompetenzsignal.
+- Noch zu breit als kaufbarer HAI-Pitch.
+
+Gut gemacht:
+
+- echte Praxis statt Theorie
+- klares Bild mit der Sanduhr
+- richtiger Engpass: Mensch kann nicht unbegrenzt Kontext aufnehmen
+- konkrete Projektbeispiele
+- technische Anschlussfähigkeit erzeugt
+
+Verbessern:
+
+- nach 60–90 Sekunden stoppen und eine Frage stellen
+- weniger Agenten-Infrastruktur erklären
+- weniger Token-/Kosten-/Abo-Impressiveness
+- HAI als Entscheidungsverdichtung verkaufen, nicht als Agentenwelt
+- Einwände und Forschungsimpulse erst aufnehmen, dann eigene Position ergänzen
+
+## Bessere nächste Pitch-Version
+
+```text
+Ich baue gerade HAI — Human Agent Interface.
+Das Problem ist: Agenten können immer mehr Kontext verarbeiten, aber der Mensch kann nicht 10 Millionen Tokens kontrollieren.
+HAI ist eine Sanduhr: oben kommt chaotischer Kontext rein, Agenten recherchieren und strukturieren, in der Mitte bleiben 2–3 menschliche Entscheidungen übrig, unten wird erst nach Freigabe ausgeführt.
+Ich teste das gerade praktisch in echten Projekten: Bewerbungen, operative Firmenprozesse, Agenten-Workflows.
+Meine Frage ist: Wo sehen Sie aus ML-/Systemperspektive den härtesten Engpass — Repräsentation, Evaluation oder Human-Gating?
+```
+
+## Offene Folgefragen
+
+- Ist Herr Vetter eher Mentor-/Forschungskontakt oder potenzieller HAI-Feedbackgeber?
+- Sollte Samuel mit ihm gezielt über Repräsentation/Evaluation von Agentenprofilen sprechen?
+- Welche Teile von HAI müssen für technische Menschen als Architektur gezeigt werden, und welche gehören erst später?
+
+## Status
+
+Gespeichert als HAI-Evidence, nicht als Kundenbeweis.
+
+Bewertung:
+- Starkes technisches Resonanzsignal.
+- Kein Kauf-/Customer-Discovery-Beweis.
+- Wichtiges Pitch-Learning: Sanduhr behalten, Agentenwelt kürzen.

agentic-feedback/Michael/README.md

@@ -0,0 +1,118 @@
+# Michael — HAI Feedback / agentic friend
+
+Status:
+- Beziehung: agentic friend / Gesprächspartner
+- Typ: agentic feedback
+- Datum erster Kontakt / aktueller Kontext: 2026-05-25
+- Aktueller Stand: Samuel hat Michael eine verdichtete HAI-Erklärung geschickt: „Hier ist die verdichtete Version von dem, was ich meinte.“ Antwort/Feedback steht noch aus.
+
+## Quellen
+
+Ausgangsmaterial für Samuels Verdichtung:
+
+- `/home/smlflg/Projekte/Agent-Friends/Michalel-TikTok/transcripts/WhatsApp_Ptt_2026-05-25_at_13.01.58.transcript.md`
+- `/home/smlflg/Projekte/Agent-Friends/Michalel-TikTok/transcripts/WhatsApp_Ptt_2026-05-25_at_13.46.37.transcript.md`
+- `/home/smlflg/Projekte/Agent-Friends/Michalel-TikTok/transcripts/WhatsApp_Ptt_2026-05-25_at_13.50.39.transcript.md`
+
+Wichtigste Quelle für HAI-Erklärung:
+- `/home/smlflg/Projekte/Agent-Friends/Michalel-TikTok/transcripts/WhatsApp_Ptt_2026-05-25_at_13.46.37.transcript.md`
+
+Vorherige vorläufige Ablage:
+- `/home/smlflg/Projekte/Human-Agent-Interface/interviews/Michael/README.md`
+
+## Kontext vor Feedback
+
+Samuel erklärte Michael HAI entlang von drei Fragen:
+
+1. Was ist HAI?
+2. Was ist der Schmerz?
+3. Was ist der minimale nächste Schritt?
+
+Die Verdichtung wurde nach Abgleich mit der bestehenden HAI-Doktrin korrigiert:
+
+- HAI nicht primär als Tool-/Interface-Schicht erklären.
+- HAI als Audit- und Kontrollmethode für agentische Arbeit erklären.
+- Kern: Output ist nicht mehr der Bottleneck — Ownership, Begrenzung und Verifikation sind es.
+- Erster Schritt: das eigene Agentensystem als bedienbare Maschine kartografieren.
+
+## Gesendete Kurzfassung / Kontextlinie
+
+Sinngemäß gesendet bzw. vorbereitet:
+
+```text
+HAI ist eine Audit- und Kontrollmethode für Menschen, die bereits agentisch arbeiten und merken: Output ist nicht mehr das Problem — Ownership, Begrenzung und Verifikation sind das Problem.
+
+Der erste Schritt ist, das eigene Agentensystem als bedienbare Maschine zu kartografieren: Was passiert nach einem Wunsch? Wo darf es abbrechen? Was entscheidet der Mensch? Was darf der Agent? Woran erkennt man wirklich fertig?
+```
+
+## Rohfeedback von Michael
+
+Noch offen.
+
+Wenn Michael antwortet, hier Originalwortlaut / Screenshot-Text / Sprachnachricht-Transkript einfügen.
+
+## Was Michael verstanden hat / signalisiert
+
+Fakt aus Feedback:
+- Noch offen.
+
+Interpretation:
+- Noch nicht bewerten. Erst Antwort abwarten.
+
+## Missverständnisse / offene Fragen
+
+Fakt aus Feedback:
+- Noch offen.
+
+Interpretation:
+- Besonders beobachten, ob Michael HAI versteht als:
+  - generisches AI-Onboarding,
+  - technisches Agenten-Tool,
+  - Beratung/Coaching,
+  - oder korrekt als Kontroll-/Auditmethode für agentische Arbeit.
+
+## Relevante Schmerzen
+
+Fakt aus Feedback:
+- Noch offen.
+
+Interpretation:
+- Relevante agentic-friend-Signale wären: eigene Überforderung durch Agenten/Tools, unklare Delegation, fehlende Verifikation, Sicherheits-/Verantwortungsfragen, Scope Creep, Projektchaos, Agenten-output ohne Fortschritt.
+
+## HAI-Fit
+
+Vorläufig: unklar, aber relevante Usergruppe: agentic friends
+
+Fit-Hypothese:
+- Michael gehört laut Samuel zur agentic-friends-Gruppe. Damit ist sein Feedback näher am HAI-Kernsignal als reines non-agentic Verständlichkeitsfeedback.
+- Noch nicht als starker Fit bewerten, bis eine konkrete Reaktion oder ein eigener Schmerz von Michael vorliegt.
+
+## Gute nächste Frage
+
+Falls Michael interessiert reagiert:
+
+```text
+Wenn du an deine eigenen Projekte oder Arbeit denkst: Gibt es eine Stelle, wo KI/Agenten nützlich wären oder schon nützlich sind, aber du nicht genau weißt, wie man das kontrolliert, begrenzt oder überprüft?
+```
+
+Falls er nur allgemein neugierig ist:
+
+```text
+Was davon war verständlich — und wo klingt es noch zu abstrakt oder nach Insider-Sprache?
+```
+
+Agentic-spezifischer Follow-up:
+
+```text
+Wo ist dein Agenten-Arbeiten gerade am nützlichsten, aber gleichzeitig am chaotischsten?
+```
+
+## Notizen / Verlauf
+
+- 2026-05-25 14:30–14:45: Transcript überflogen und drei Marker extrahiert: „Was ist HAI?“, „Was ist Schmerz?“, „Was ist minimaler nächster Schritt?“
+- 2026-05-25 14:45–15:30 geplant: HAI System Map v0 / Bedienbarkeitskarte verdichten.
+- 2026-05-25 15:30–16:00 geplant: Diagramm oder ASCII-Flow.
+- 2026-05-25 16:00–16:20 geplant: kurze Nachricht an Michael.
+- 2026-05-25 14:37: Feedback-Datei zuerst unter `interviews/Michael/` vorab angelegt; echtes Michael-Feedback noch ausstehend.
+- 2026-05-25: Samuel korrigiert Usergruppe: Michael ist `agentic friends`; diese Datei ist die kanonische Feedback-Ablage.
+- 2026-05-25: Status bewusst `waiting on Michael`; nächster Schritt erst nach Antwort, kein weiteres Follow-up ohne Samuels Freigabe.

client-handoff/index.html

@@ -0,0 +1,502 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="robots" content="noindex, nofollow">
+  <title>Accepted Case Handoff - Human Agent Interface</title>
+  <style>
+    :root {
+      color-scheme: dark;
+      --bg: #090a08;
+      --panel: #11120f;
+      --ink: #f7f1df;
+      --muted: #b7ad97;
+      --quiet: #7a715f;
+      --line: rgba(247, 241, 223, 0.16);
+      --line-strong: rgba(247, 241, 223, 0.3);
+      --signal: #a7ff4f;
+      --copper: #ff9f5f;
+      --red: #ff6a5f;
+      --max: 1360px;
+      --mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
+      --body: "Aptos", "Segoe UI", "Helvetica Neue", sans-serif;
+      --display: Georgia, "Times New Roman", serif;
+    }
+
+    * {
+      box-sizing: border-box;
+    }
+
+    body {
+      margin: 0;
+      min-width: 320px;
+      min-height: 100vh;
+      color: var(--ink);
+      background: var(--bg);
+      font-family: var(--body);
+      line-height: 1.45;
+      overflow-x: hidden;
+    }
+
+    main {
+      width: min(var(--max), calc(100% - 40px));
+      margin: 0 auto;
+      padding: 34px 0 64px;
+    }
+
+    header {
+      padding: 18px 0 26px;
+      border-bottom: 1px solid var(--line);
+    }
+
+    h1,
+    h2,
+    h3,
+    p {
+      margin: 0;
+    }
+
+    h1 {
+      max-width: 1040px;
+      margin-top: 12px;
+      font-family: var(--display);
+      font-size: clamp(2.7rem, 7vw, 5.6rem);
+      font-weight: 500;
+      line-height: 0.95;
+      letter-spacing: 0;
+      text-wrap: balance;
+    }
+
+    h1,
+    h2,
+    .lead,
+    .hint,
+    .check {
+      overflow-wrap: anywhere;
+    }
+
+    h2 {
+      font-family: var(--display);
+      font-size: clamp(1.9rem, 4vw, 3.1rem);
+      font-weight: 500;
+      line-height: 1;
+      letter-spacing: 0;
+    }
+
+    h3 {
+      font-size: 1rem;
+      letter-spacing: 0;
+    }
+
+    .eyebrow,
+    .limit,
+    .tiny,
+    .back-link {
+      font-family: var(--mono);
+      font-size: 12px;
+      letter-spacing: 0.08em;
+      text-transform: uppercase;
+    }
+
+    .eyebrow {
+      color: var(--copper);
+    }
+
+    .lead {
+      max-width: 900px;
+      margin-top: 18px;
+      color: var(--muted);
+      font-size: clamp(1.02rem, 2vw, 1.28rem);
+    }
+
+    .back-link {
+      display: inline-flex;
+      margin-top: 22px;
+      color: var(--ink);
+      font-weight: 800;
+      text-decoration: none;
+    }
+
+    .layout {
+      display: grid;
+      grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.58fr);
+      gap: 18px;
+      margin-top: 20px;
+      align-items: start;
+    }
+
+    .panel,
+    .side-panel {
+      min-width: 0;
+      border: 1px solid var(--line);
+      background: rgba(17, 18, 15, 0.84);
+      padding: clamp(18px, 4vw, 34px);
+    }
+
+    .side-panel {
+      position: sticky;
+      top: 18px;
+    }
+
+    .hint {
+      max-width: 860px;
+      margin-top: 10px;
+      color: var(--muted);
+    }
+
+    .field {
+      margin-top: 20px;
+    }
+
+    .field + .field {
+      margin-top: 18px;
+    }
+
+    .label-row {
+      display: flex;
+      justify-content: space-between;
+      gap: 12px;
+      align-items: baseline;
+      margin-bottom: 8px;
+    }
+
+    label,
+    .label {
+      display: block;
+      color: var(--ink);
+      font-weight: 750;
+    }
+
+    .limit,
+    .tiny {
+      color: var(--quiet);
+      white-space: nowrap;
+    }
+
+    input[type="text"],
+    input[type="email"],
+    input[type="file"],
+    textarea {
+      width: 100%;
+      max-width: 100%;
+      min-width: 0;
+      min-height: 46px;
+      border: 1px solid var(--line);
+      background: #090a08;
+      color: var(--ink);
+      padding: 11px 12px;
+      font: inherit;
+      border-radius: 0;
+    }
+
+    input[type="file"] {
+      padding: 10px;
+      color: var(--muted);
+    }
+
+    textarea {
+      min-height: 104px;
+      resize: vertical;
+    }
+
+    .check {
+      display: grid;
+      grid-template-columns: auto minmax(0, 1fr);
+      gap: 10px;
+      align-items: start;
+      color: var(--muted);
+      font-weight: 600;
+    }
+
+    .check input {
+      margin-top: 4px;
+      accent-color: var(--signal);
+    }
+
+    .submit-row {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      flex-wrap: wrap;
+      margin-top: 22px;
+    }
+
+    button {
+      min-height: 46px;
+      border: 1px solid rgba(167, 255, 79, 0.72);
+      background: var(--signal);
+      color: #101208;
+      padding: 0 18px;
+      font-weight: 850;
+      cursor: pointer;
+    }
+
+    button:disabled {
+      cursor: not-allowed;
+      opacity: 0.54;
+    }
+
+    .status {
+      min-height: 24px;
+      color: var(--muted);
+    }
+
+    .status.error {
+      color: var(--red);
+    }
+
+    .status.success {
+      color: var(--signal);
+    }
+
+    .rule-list,
+    .example-list {
+      display: grid;
+      gap: 10px;
+      margin-top: 16px;
+      padding: 0;
+      list-style: none;
+    }
+
+    .rule-list li,
+    .example-list li {
+      border-top: 1px solid var(--line);
+      padding-top: 10px;
+      color: var(--muted);
+    }
+
+    code {
+      color: var(--ink);
+      font-family: var(--mono);
+      font-size: 0.92em;
+    }
+
+    .danger {
+      margin-top: 18px;
+      border: 1px solid rgba(255, 106, 95, 0.36);
+      background: rgba(255, 106, 95, 0.08);
+      padding: 14px;
+      color: #ffd0cb;
+    }
+
+    @media (max-width: 860px) {
+      main {
+        width: calc(100vw - 24px);
+        max-width: calc(100vw - 24px);
+        padding-top: 22px;
+        overflow-x: hidden;
+      }
+
+      .layout {
+        width: 100%;
+        grid-template-columns: 1fr;
+      }
+
+      .panel,
+      .side-panel,
+      header {
+        width: 100%;
+        max-width: 100%;
+        overflow-x: hidden;
+      }
+
+      h1 {
+        font-size: clamp(2.15rem, 9vw, 2.75rem);
+        text-wrap: auto;
+      }
+
+      h2 {
+        font-size: clamp(1.65rem, 7vw, 2.2rem);
+      }
+
+      .side-panel {
+        position: static;
+      }
+
+      .label-row {
+        display: block;
+      }
+
+      .limit {
+        display: block;
+        margin-top: 4px;
+      }
+    }
+  </style>
+</head>
+<body>
+  <main>
+    <header>
+      <p class="eyebrow">Human Agent Interface / Accepted Case Handoff</p>
+      <h1>Upload context.</h1>
+      <p class="lead">
+        This page is for accepted cases only.<br>
+        Upload one Markdown file for Samuel's preparation.
+      </p>
+      <a class="back-link" href="../product/">Back to products</a>
+    </header>
+
+    <div class="layout">
+      <section class="panel" aria-labelledby="upload-title">
+        <p class="eyebrow">Step 3 / Preparation Upload</p>
+        <h2 id="upload-title">One file.<br>Clear consent.<br>No raw agent folder.</h2>
+        <p class="hint">
+          Upload one <code>.md</code> file up to 1 MB.<br>
+          No API keys, passwords, tokens, customer data, or <code>.claude</code> folders.
+        </p>
+
+        <form id="handoffForm" enctype="multipart/form-data">
+          <input type="hidden" name="consentVersion" value="client-handoff-md-v0-2026-05-14">
+
+          <div class="field">
+            <div class="label-row">
+              <label for="caseId">Accepted case ID</label>
+              <span class="limit">from Samuel</span>
+            </div>
+            <input id="caseId" name="caseId" type="text" autocomplete="off" required placeholder="Example: hai-2026-001">
+          </div>
+
+          <div class="field">
+            <div class="label-row">
+              <label for="customerName">Your name</label>
+              <span class="limit">required</span>
+            </div>
+            <input id="customerName" name="customerName" type="text" autocomplete="name" required>
+          </div>
+
+          <div class="field">
+            <div class="label-row">
+              <label for="customerEmail">Email</label>
+              <span class="limit">required</span>
+            </div>
+            <input id="customerEmail" name="customerEmail" type="email" autocomplete="email" required>
+          </div>
+
+          <div class="field">
+            <div class="label-row">
+              <label for="contextNote">Short note</label>
+              <span class="limit">optional</span>
+            </div>
+            <textarea id="contextNote" name="contextNote" placeholder="What should Samuel understand?"></textarea>
+          </div>
+
+          <div class="field">
+            <div class="label-row">
+              <label for="handoffFile">Markdown file</label>
+              <span class="limit">.md only, max 1 MB</span>
+            </div>
+            <input id="handoffFile" name="handoffFile" type="file" accept=".md,text/markdown" required>
+            <p class="tiny" id="fileHint">Accepted examples: CLAUDE.md, AGENTS.md, CLOUD.md, project context, agent setup note, chat or agent-run export.</p>
+          </div>
+
+          <div class="field">
+            <label class="check">
+              <input id="consent" name="consent" type="checkbox" value="yes" required>
+              <span>I confirm that this file is intended for Samuel's preparation work on my accepted HAI case and does not contain API keys, passwords, tokens, raw customer data, or a full agent-system folder.</span>
+            </label>
+          </div>
+
+          <div class="submit-row">
+            <button id="submitButton" type="submit">Upload context</button>
+            <p class="status" id="status" aria-live="polite">Nothing uploaded yet.</p>
+          </div>
+        </form>
+      </section>
+
+      <aside class="side-panel" aria-labelledby="rules-title">
+        <p class="eyebrow">Trust boundary</p>
+        <h2 id="rules-title">What belongs here?</h2>
+        <ul class="example-list">
+          <li><code>CLAUDE.md</code>, <code>AGENTS.md</code>, or a short setup description.</li>
+          <li>A project description or problem-context Markdown file.</li>
+          <li>A reduced export from one chat or agent run.</li>
+        </ul>
+
+        <div class="danger">
+          <h3>Do not upload a full <code>.claude</code> folder.</h3>
+          <p class="hint">
+            Agent folders can contain tokens, private prompts, shell-like logs, internal paths, customer data, tool outputs, or business secrets.
+          </p>
+        </div>
+
+        <ul class="rule-list">
+          <li>A safer project or agent-system import will be a separate HAI Context Bundle later.</li>
+          <li>That bundle needs allowlists, secret scanning, redaction, preview, manifest, consent, and deletion rules.</li>
+          <li>This MVP is intentionally smaller: one file, one accepted case, one preparation purpose.</li>
+        </ul>
+      </aside>
+    </div>
+  </main>
+
+  <script>
+    const MAX_BYTES = 1024 * 1024;
+    const form = document.getElementById("handoffForm");
+    const fileInput = document.getElementById("handoffFile");
+    const statusEl = document.getElementById("status");
+    const submitButton = document.getElementById("submitButton");
+
+    function setStatus(message, type = "") {
+      statusEl.textContent = message;
+      statusEl.className = `status ${type}`.trim();
+    }
+
+    function validateFile() {
+      const file = fileInput.files[0];
+
+      if (!file) {
+        setStatus("Choose one Markdown file before uploading.");
+        return false;
+      }
+
+      if (!file.name.toLowerCase().endsWith(".md")) {
+        setStatus("Only .md files are accepted in this MVP.", "error");
+        return false;
+      }
+
+      if (file.size <= 0) {
+        setStatus("The selected file is empty.", "error");
+        return false;
+      }
+
+      if (file.size > MAX_BYTES) {
+        setStatus("The selected file is larger than 1 MB.", "error");
+        return false;
+      }
+
+      setStatus(`${file.name} is ready to upload.`);
+      return true;
+    }
+
+    fileInput.addEventListener("change", validateFile);
+
+    form.addEventListener("submit", async (event) => {
+      event.preventDefault();
+
+      if (!form.reportValidity() || !validateFile()) return;
+
+      submitButton.disabled = true;
+      setStatus("Uploading context...");
+
+      try {
+        const response = await fetch("/api/client-handoff-upload", {
+          method: "POST",
+          body: new FormData(form),
+        });
+        const payload = await response.json().catch(() => ({}));
+
+        if (!response.ok || !payload.ok) {
+          throw new Error(payload.error || "Upload failed.");
+        }
+
+        setStatus(`Uploaded. Reference: ${payload.uploadId}`, "success");
+        form.reset();
+      } catch (error) {
+        setStatus(error.message || "Upload failed.", "error");
+      } finally {
+        submitButton.disabled = false;
+      }
+    });
+  </script>
+</body>
+</html>

downloads/Agenten und Körpergrenzen_files/ADAVisualizationComponent-m14wkthf.css

@@ -0,0 +1 @@
+.gdg-r17m35ur{background-color:var(--gdg-bg-header-has-focus);box-shadow:0 0 0 1px var(--gdg-border-color);color:var(--gdg-text-group-header);min-height:var(--r17m35ur-0);font:var(--gdg-header-font-style) var(--gdg-font-family);border:none;border-radius:9px;outline:none;flex-grow:1;padding:0 8px}.gdg-c1tqibwd{background-color:var(--gdg-bg-header);align-items:center;padding:0 8px;display:flex}.gdg-seveqep{background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);border:1px solid var(--gdg-border-color);font-size:var(--gdg-editor-font-size);border-radius:6px;padding:8px;animation:.15s forwards gdg-search-fadein-gdg-seveqep;position:absolute;top:4px;right:20px}.gdg-seveqep.out{animation:.15s forwards gdg-search-fadeout-gdg-seveqep}.gdg-seveqep .gdg-search-bar-inner{display:flex}.gdg-seveqep .gdg-search-status{padding-top:4px;font-size:11px}.gdg-seveqep .gdg-search-progress{background-color:var(--gdg-text-light);height:4px;position:absolute;bottom:0;left:0}.gdg-seveqep input{width:220px;color:var(--gdg-textDark);background-color:var(--gdg-bg-cell);border:0;outline:none}.gdg-seveqep button{cursor:pointer;width:24px;height:24px;color:var(--gdg-text-medium);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.gdg-seveqep button:hover{color:var(--gdg-text-dark)}.gdg-seveqep button .button-icon{width:16px;height:16px}.gdg-seveqep button:disabled{opacity:.4;pointer-events:none}@keyframes gdg-search-fadeout-gdg-seveqep{0%{transform:translate(0)}to{transform:translate(400px)}}@keyframes gdg-search-fadein-gdg-seveqep{0%{transform:translate(400px)}to{transform:translate(0)}}.gdg-n15fjm3e{color:var(--gdg-text-dark);margin:6px 0 3px;display:flex}.gdg-n15fjm3e>input{font-size:var(--gdg-editor-font-size);font-family:var(--gdg-font-family);color:var(--gdg-text-dark);background-color:var(--gdg-bg-cell);padding:0}.gdg-i2iowwq{height:100%;display:flex}.gdg-i2iowwq .gdg-centering-container{justify-content:center;align-items:center;height:100%;display:flex}.gdg-i2iowwq .gdg-centering-container img,.gdg-i2iowwq .gdg-centering-container canvas{max-height:calc(100vh - var(--overlay-top) - 20px);object-fit:contain;-webkit-user-select:none;user-select:none}.gdg-i2iowwq .gdg-centering-container canvas{max-width:380px}.gdg-i2iowwq .gdg-edit-icon{width:48px;height:48px;color:var(--gdg-accent-color);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:0}.gdg-i2iowwq .gdg-edit-icon>*{width:24px;height:24px}.gdg-i2iowwq textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.gdg-u1rrojo{flex-grow:1;align-items:center;min-height:21px;display:flex}.gdg-u1rrojo .gdg-link-area{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;color:var(--gdg-link-color);flex-grow:1;flex-shrink:1;margin-right:8px;overflow:hidden;-webkit-text-decoration:underline!important;text-decoration:underline!important}.gdg-u1rrojo .gdg-edit-icon{width:32px;color:var(--gdg-accent-color);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gdg-u1rrojo .gdg-edit-icon>*{width:24px;height:24px}.gdg-u1rrojo textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.gdg-d4zsq0x{flex-wrap:wrap;display:flex}.gdg-d4zsq0x .doe-bubble{background-color:var(--gdg-bg-cell);height:24px;color:var(--gdg-text-dark);border-radius:var(--gdg-rounding-radius,6px);justify-content:center;align-items:center;margin:2px;padding:0 8px;display:flex;box-shadow:0 0 1px #3e415666,0 1px 3px #3e415666}.gdg-d4zsq0x .doe-bubble img{object-fit:contain;height:16px;margin-right:4px}.gdg-d4zsq0x textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.gdg-m1pnx84e{min-width:var(--m1pnx84e-0);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;width:100%;color:var(--gdg-text-dark);justify-content:space-between;align-items:flex-start;display:flex;position:relative}.gdg-m1pnx84e .gdg-g1y0xocz{flex-shrink:1;min-width:0}.gdg-m1pnx84e .gdg-spacer{flex:1}.gdg-m1pnx84e .gdg-edit-icon{cursor:pointer;color:var(--gdg-accent-color);width:24px;height:24px;-webkit-transition:all "0.125s ease";transition:all "0.125s ease";border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.gdg-m1pnx84e .gdg-edit-icon>*{width:16px;height:16px}.gdg-m1pnx84e .gdg-edit-hover:hover{background-color:var(--gdg-accent-light);transition:background-color .15s}.gdg-m1pnx84e .gdg-checkmark-hover:hover{color:#fff;background-color:var(--gdg-accent-color)}.gdg-m1pnx84e .gdg-md-edit-textarea{opacity:0;width:0;height:0;margin-top:25px;padding:0;position:relative;top:0;left:0}.gdg-m1pnx84e .gdg-ml-6{margin-left:6px}.gdg-b1ygi5by{flex-wrap:wrap;margin-top:auto;margin-bottom:auto;display:flex}.gdg-b1ygi5by .boe-bubble{border-radius:var(--gdg-rounding-radius,10px);background-color:var(--gdg-bg-bubble);height:20px;color:var(--gdg-text-dark);justify-content:center;align-items:center;margin:2px;padding:0 8px;display:flex}.gdg-b1ygi5by textarea{opacity:0;width:0;height:0;position:absolute;top:0;left:0}.gdg-d19meir1{box-sizing:border-box;--overlay-top:var(--d19meir1-0);left:var(--d19meir1-1);top:var(--d19meir1-2);min-width:var(--d19meir1-3);min-height:var(--d19meir1-4);width:max-content;max-width:400px;max-height:calc(100vh - var(--d19meir1-5));font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);text-align:start;flex-direction:column;display:flex;position:absolute;overflow:hidden}@keyframes glide_fade_in-gdg-d19meir1{0%{opacity:0}to{opacity:1}}.gdg-d19meir1.gdg-style{background-color:var(--gdg-bg-cell);box-shadow:0 0 0 1px var(--gdg-accent-color),0px 0px 1px #3e415666, 0px 6px 12px #3e415626;border-radius:2px;animation:60ms glide_fade_in-gdg-d19meir1}.gdg-d19meir1.gdg-pad{padding:var(--d19meir1-6) 8.5px 3px}.gdg-d19meir1 .gdg-clip-region{border-radius:2px;flex-direction:column;flex-grow:1;display:flex;overflow:hidden auto}.gdg-d19meir1 .gdg-clip-region .gdg-growing-entry{height:100%}.gdg-d19meir1 .gdg-clip-region input.gdg-input{border:0;outline:none;width:100%}.gdg-d19meir1 .gdg-clip-region textarea.gdg-input{border:0;outline:none}.gdg-wmyidgi{min-width:10px;max-width:100%;min-height:10px;max-height:100%;width:var(--wmyidgi-0);height:var(--wmyidgi-1);direction:ltr;position:relative;overflow:clip}.gdg-wmyidgi>:first-child{width:100%;height:100%;position:absolute;top:0;left:0}.gdg-s1dgczr6 .dvn-scroller{overflow:var(--s1dgczr6-0);transform:translate(0)}.gdg-s1dgczr6 .dvn-hidden{visibility:hidden}.gdg-s1dgczr6 .dvn-scroll-inner{pointer-events:none;display:flex}.gdg-s1dgczr6 .dvn-scroll-inner>*{flex-shrink:0}.gdg-s1dgczr6 .dvn-scroll-inner .dvn-spacer{flex-grow:1}.gdg-s1dgczr6 .dvn-scroll-inner .dvn-stack{flex-direction:column;display:flex}.gdg-s1dgczr6 .dvn-underlay>*{position:absolute;top:0;left:0}.gdg-s1dgczr6 canvas{outline:none}.gdg-s1dgczr6 canvas *{height:0}.gdg-mnuv029{word-break:break-word;-webkit-touch-callout:default;padding-top:6px}.gdg-mnuv029>*{margin:0}.gdg-mnuv029 :last-child{margin-bottom:0}.gdg-mnuv029 p img{width:100%}.gdg-izpuzkl{resize:none;white-space:pre-wrap;width:100%;min-width:100%;height:100%;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);-webkit-text-fill-color:var(--gdg-text-dark);color:var(--gdg-text-dark);background-color:#0000;border:0;border-radius:0;margin:0;padding:0;position:absolute;inset:0;overflow:hidden}.gdg-izpuzkl::-webkit-input-placeholder{color:var(--gdg-text-light)}.gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.gdg-izpuzkl:-ms-placeholder-shown{color:var(--gdg-text-light)}.gdg-izpuzkl::placeholder{color:var(--gdg-text-light)}.gdg-invalid .gdg-izpuzkl{-webkit-text-decoration:underline #d60606;text-decoration:underline #d60606}.gdg-s69h75o{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;width:max-content;min-width:100%;max-width:100%;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);color:var(--gdg-text-dark);margin:0;padding:0 0 2px}.gdg-g1y0xocz{margin-top:6px;position:relative}

downloads/Agenten und Körpergrenzen_files/all-plans-pricing-modal-jd9ectrq.css

@@ -0,0 +1 @@
+[data-see-all-plans-transition-root] [data-testid=free-pricing-modal-column-wrapper]{view-transition-name:pricing-see-all-plans-free}[data-see-all-plans-transition-root] [data-testid=go-pricing-modal-column-wrapper]{view-transition-name:pricing-see-all-plans-go}[data-see-all-plans-transition-root] [data-testid=plus-pricing-modal-column-wrapper]{view-transition-name:pricing-see-all-plans-plus}[data-see-all-plans-transition-root] [data-testid=pro-pricing-modal-column-wrapper]{view-transition-name:pricing-see-all-plans-pro}[data-see-all-plans-transition-root] [data-see-all-plans-toggle]{view-transition-name:pricing-see-all-plans-toggle}[data-see-all-plans-transition-root] [data-see-all-plans-button]{view-transition-name:pricing-see-all-plans-button}[data-see-all-plans-transition-root] [data-testid=pricing-modal-plan-grid]{min-height:var(--pricing-see-all-plans-min-grid-height,auto)}[data-see-all-plans-transition-root] [data-pricing-column-content]{min-height:var(--pricing-see-all-plans-min-card-height,auto)}[data-pricing-column-height-lock-root] [data-testid=pricing-modal-plan-grid]{min-height:var(--pricing-see-all-plans-min-grid-height,auto)}[data-pricing-column-height-lock-root] [data-pricing-column-content]{min-height:var(--pricing-see-all-plans-min-card-height,auto)}.pricing-in-app-plans-modal{width:min(100vw - 1rem,86rem)!important;height:min(100vh - 1rem,56rem)!important}.pricing-in-app-plans-modal-content{scrollbar-gutter:stable}.pricing-in-app-plans-modal.pricing-in-app-plans-modal [data-pricing-column-content]{justify-content:flex-start!important;gap:.375rem!important;padding:.625rem .875rem!important}.pricing-in-app-plans-modal [data-pricing-column-top-stack]{gap:.125rem}.pricing-in-app-plans-modal [data-pricing-column-top-stack][data-pricing-column-has-price-prefix]{gap:.5rem}.pricing-in-app-plans-modal [data-pricing-column-plan-heading]{font-size:1.375rem;line-height:1.75rem;min-height:0!important}:root.active-view-transition.pricing-see-all-plans-transition::view-transition-group(pricing-see-all-plans-free),:root.active-view-transition.pricing-see-all-plans-transition::view-transition-group(pricing-see-all-plans-go),:root.active-view-transition.pricing-see-all-plans-transition::view-transition-group(pricing-see-all-plans-plus),:root.active-view-transition.pricing-see-all-plans-transition::view-transition-group(pricing-see-all-plans-pro),:root.active-view-transition.pricing-see-all-plans-transition::view-transition-group(pricing-see-all-plans-toggle),:root.active-view-transition.pricing-see-all-plans-transition::view-transition-group(pricing-see-all-plans-button){animation-duration:.6s;animation-timing-function:cubic-bezier(.22,1,.36,1)}:root.active-view-transition.pricing-see-all-plans-transition::view-transition-old(pricing-see-all-plans-button){animation-name:pricing-see-all-plans-button-out;animation-duration:.3s;animation-timing-function:ease-out}:root.active-view-transition.pricing-see-all-plans-transition::view-transition-new(pricing-see-all-plans-toggle){animation-name:pricing-see-all-plans-toggle-in;animation-duration:.433s;animation-timing-function:cubic-bezier(.22,1,.36,1)}:root.active-view-transition.pricing-see-all-plans-transition-scale::view-transition-new(pricing-see-all-plans-go),:root.active-view-transition.pricing-see-all-plans-transition-scale::view-transition-new(pricing-see-all-plans-pro){animation-name:pricing-see-all-plans-scale-in;animation-duration:.533s;animation-delay:67ms;animation-fill-mode:both}@keyframes pricing-see-all-plans-scale-in{0%{opacity:0;transform:scale(.96)}}@keyframes pricing-see-all-plans-toggle-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes pricing-see-all-plans-button-out{to{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){:root.active-view-transition.pricing-see-all-plans-transition::view-transition-group(*),:root.active-view-transition.pricing-see-all-plans-transition::view-transition-old(*),:root.active-view-transition.pricing-see-all-plans-transition::view-transition-new(*){animation-name:none;animation-duration:1ms;animation-delay:0s}}

downloads/Agenten und Körpergrenzen_files/ansi-1f6vhsjh.css

@@ -0,0 +1 @@
+.ansi-black-fg{color:#000}.ansi-black-bg{background-color:#000}.ansi-red-fg{color:#f66}.ansi-red-bg{background-color:#f66}.ansi-green-fg{color:#94f494}.ansi-green-bg{background-color:#94f494}.ansi-yellow-fg{color:#f4f47b}.ansi-yellow-bg{background-color:#f4f47b}.ansi-blue-fg{color:#9e9eff}.ansi-blue-bg{background-color:#9e9eff}.ansi-magenta-fg{color:#db6bdb}.ansi-magenta-bg{background-color:#db6bdb}.ansi-cyan-fg{color:#81eeee}.ansi-cyan-bg{background-color:#81eeee}.ansi-white-fg{color:#d6d6d6}.ansi-white-bg{background-color:#d6d6d6}.ansi-bright-black-fg{color:#6e6e6e}.ansi-bright-red-fg{color:#ffa8a8}.ansi-bright-green-fg{color:#0f0}.ansi-bright-yellow-fg{color:#ffffa8}.ansi-bright-blue-fg{color:#9494ff}.ansi-bright-magenta-fg{color:#ffb3ff}.ansi-bright-cyan-fg{color:#adffff}.ansi-bright-white-fg{color:#fff}

downloads/Agenten und Körpergrenzen_files/code-block-dop2czwo.css

@@ -0,0 +1 @@
+@supports not (overflow:clip){.lxnfua_clipPathFallback{clip-path:inset(-1px round 26px)}}@keyframes codeBlockFadeIn{0%{opacity:0}to{opacity:1}}@keyframes codeBlockFadeOut{0%{opacity:1}to{opacity:0}}.active-view-transition.code-block-fullscreen-transition #page-header{view-transition-name:code-block-page-header}.active-view-transition.code-block-fullscreen-transition #thread-bottom-container{view-transition-name:code-block-thread-bottom-container}@media (prefers-reduced-motion:reduce){.active-view-transition.code-block-fullscreen-transition::view-transition{display:none}}.active-view-transition.code-block-fullscreen-transition::view-transition-old(code-block-page-header),.active-view-transition.code-block-fullscreen-transition::view-transition-new(code-block-page-header),.active-view-transition.code-block-fullscreen-transition::view-transition-group(code-block-page-header){z-index:1000}.active-view-transition.code-block-fullscreen-transition::view-transition-old(code-block-thread-bottom-container),.active-view-transition.code-block-fullscreen-transition::view-transition-new(code-block-thread-bottom-container),.active-view-transition.code-block-fullscreen-transition::view-transition-group(code-block-thread-bottom-container){z-index:1000}.active-view-transition.code-block-fullscreen-transition::view-transition-old(code-block-code-pane){transform-origin:0 0;animation:.22s ease-out both codeBlockFadeOut;transform:none}.active-view-transition.code-block-fullscreen-transition::view-transition-new(code-block-code-pane){transform-origin:0 0;animation:.22s ease-out both codeBlockFadeIn;transform:none}.active-view-transition.code-block-fullscreen-transition::view-transition-old(code-block-preview-pane){animation:.22s ease-out both codeBlockFadeOut}.active-view-transition.code-block-fullscreen-transition::view-transition-new(code-block-preview-pane){animation:.22s ease-out both codeBlockFadeIn}

downloads/Agenten und Körpergrenzen_files/code-block-viewer-bb2wmqiy.css

@@ -0,0 +1 @@
+.q9tKkq_viewer{background-color:var(--codemirror-bg,transparent);border:none;border-radius:0;font-size:14px;overflow:hidden}.q9tKkq_viewer .cm-scroller{scroll-behavior:auto;overscroll-behavior-x:contain;align-items:stretch;display:flex;overflow-x:auto}.q9tKkq_viewer .cm-content{white-space:pre;min-width:max-content;padding:0 calc(var(--spacing) * 4) calc(var(--spacing) * 3);flex:1;line-height:20px;font-family:var(--font-mono)!important}@media (min-width:768px){.q9tKkq_viewer .cm-content{padding:0 calc(var(--spacing) * 5) calc(var(--spacing) * 3)}}.q9tKkq_viewer .cm-content{color:var(--text-primary)}.q9tKkq_viewer .cm-content ::selection{background-color:var(--theme-user-selection-bg)}.q9tKkq_viewer.q9tKkq_wrapLines .cm-scroller{overflow-x:hidden}.q9tKkq_viewer.q9tKkq_wrapLines .cm-content{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.fullscreen .q9tKkq_viewer .cm-content{padding-top:calc(var(--spacing) * 3)}.q9tKkq_readonly{cursor:text}

downloads/Agenten und Körpergrenzen_files/conversation-small-lyj3e98g(1).css

@@ -0,0 +1 @@
+.OeMrba_wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;width:44px;height:44px;display:inline-flex}.OeMrba_wrapper>input[type=checkbox]{display:none}.OeMrba_wrapper{color:var(--icon-secondary)}@media (hover:hover) and (pointer:fine){.OeMrba_wrapper:hover:not(.OeMrba_disabled){--hover-background:var(--main-surface-secondary)}}.OeMrba_label{background-color:var(--hover-background);color:var(--text-secondary);border-radius:8px;flex:1;justify-content:center;align-items:center;transition:background-color .1s linear;display:flex}.qMYqUG_convSearchResultHighlightRoot{--conv-search-result-highlight-color:var(--yellow-400)}@property --conv-search-result-text-highlight-bg-alpha{syntax:"<number>";inherits:true;initial-value:0}@property --conv-search-result-text-highlight-glow-alpha{syntax:"<number>";inherits:true;initial-value:0}.qMYqUG_convSearchResultHighlightRoot::highlight(conv-search-highlight),.qMYqUG_convSearchResultHighlightRoot ::highlight(conv-search-highlight){background-color:color-mix(in srgb, var(--conv-search-result-highlight-color) calc(var(--conv-search-result-text-highlight-bg-alpha,0) * 100%), transparent);color:inherit;text-shadow:0 0 .3em color-mix(in srgb, var(--conv-search-result-highlight-color) calc(var(--conv-search-result-text-highlight-glow-alpha,0) * 100%), transparent)}.qMYqUG_convSearchResultTextHighlightActive{animation:3.6s ease-out both qMYqUG_convSearchResultTextHighlight}@keyframes qMYqUG_convSearchResultTextHighlight{0%{--conv-search-result-text-highlight-bg-alpha:0;--conv-search-result-text-highlight-glow-alpha:0}15%{--conv-search-result-text-highlight-bg-alpha:.52;--conv-search-result-text-highlight-glow-alpha:.42}55%{--conv-search-result-text-highlight-bg-alpha:.24;--conv-search-result-text-highlight-glow-alpha:.22}to{--conv-search-result-text-highlight-bg-alpha:0;--conv-search-result-text-highlight-glow-alpha:0}}.qMYqUG_convSearchResultTextHighlightSafari.qMYqUG_convSearchResultTextHighlightActive{animation:none}.qMYqUG_convSearchResultTextHighlightSafari.qMYqUG_convSearchResultTextHighlightActive::highlight( conv-search-highlight ),.qMYqUG_convSearchResultTextHighlightSafari.qMYqUG_convSearchResultTextHighlightActive ::highlight(conv-search-highlight){background-color:color-mix(in srgb, var(--conv-search-result-highlight-color) 52%, transparent);text-shadow:0 0 .3em color-mix(in srgb, var(--conv-search-result-highlight-color) 42%, transparent)}.qMYqUG_convSearchResultBlockHighlight{animation:3.6s ease-out qMYqUG_convSearchResultBlockHighlight}@keyframes qMYqUG_convSearchResultBlockHighlight{0%{background-color:color-mix(in srgb, var(--conv-search-result-highlight-color) 0%, transparent);box-shadow:0 0 0 0 color-mix(in srgb, var(--conv-search-result-highlight-color) 0%, transparent)}15%{background-color:color-mix(in srgb, var(--conv-search-result-highlight-color) 20%, transparent);box-shadow:0 0 0 5px color-mix(in srgb, var(--conv-search-result-highlight-color) 32%, transparent)}55%{background-color:color-mix(in srgb, var(--conv-search-result-highlight-color) 8%, transparent);box-shadow:0 0 0 5px color-mix(in srgb, var(--conv-search-result-highlight-color) 16%, transparent)}to{background-color:color-mix(in srgb, var(--conv-search-result-highlight-color) 0%, transparent);box-shadow:0 0 0 0 color-mix(in srgb, var(--conv-search-result-highlight-color) 0%, transparent)}}@keyframes sR_mOW_slide-up{0%{opacity:0;translate:0 20vw}}@keyframes sR_mOW_slide-down{to{opacity:0;translate:0 20vw}}@keyframes sR_mOW_places-sidebar-enter{0%{opacity:0}to{opacity:1}}@keyframes sR_mOW_places-sidebar-exit{0%{opacity:1}to{opacity:0}}@keyframes sR_mOW_pinnedOldFastFade{0%{opacity:1}20%{opacity:0}to{opacity:0}}@view-transition{}.sR_mOW_page-to-page-transition{view-transition-name:none}.sR_mOW_page-to-page-transition body{view-transition-name:sR_mOW_page}@media (prefers-reduced-motion:reduce){.sR_mOW_page-to-page-transition::view-transition{display:none}}.sR_mOW_page-to-page-transition::view-transition-old(sR_mOW_header),.sR_mOW_page-to-page-transition::view-transition-old(sR_mOW_sidebar){display:none}.sR_mOW_page-to-page-transition::view-transition-new(sR_mOW_header),.sR_mOW_page-to-page-transition::view-transition-new(sR_mOW_sidebar){animation:none}.sR_mOW_page-to-page-transition::view-transition-image-pair(sR_mOW_active-image),.sR_mOW_page-to-page-transition::view-transition-old(sR_mOW_active-image),.sR_mOW_page-to-page-transition::view-transition-new(sR_mOW_active-image){height:100%}.sR_mOW_page-to-page-transition::view-transition-image-pair(sR_mOW_page-title),.sR_mOW_page-to-page-transition::view-transition-old(sR_mOW_page-title),.sR_mOW_page-to-page-transition::view-transition-new(sR_mOW_page-title){height:100%}.sR_mOW_page-to-page-transition::view-transition-image-pair(sR_mOW_acive-image),.sR_mOW_page-to-page-transition::view-transition-old(sR_mOW_acive-image),.sR_mOW_page-to-page-transition::view-transition-new(sR_mOW_acive-image){height:100%}.sR_mOW_page-to-page-transition::view-transition-group(*),.sR_mOW_page-to-page-transition::view-transition-old(*),.sR_mOW_page-to-page-transition::view-transition-new(*){animation-duration:.4s;animation-timing-function:var(--spring-fast)}.sR_mOW_page-to-page-transition.from-library.to-conversation,.sR_mOW_page-to-page-transition.from-lightbox.to-conversation{--vt-active-image:active-image}:is(.sR_mOW_page-to-page-transition.to-home,.sR_mOW_page-to-page-transition.from-landing-page)::view-transition-new(sR_mOW_composer){animation:none}.sR_mOW_page-to-page-transition.to-landing-page,.sR_mOW_page-to-page-transition.from-landing-page{--vt-page-header:header;--vt-splash-screen-headline:page-title;--vt-tool-page-title:page-title;--vt-composer:composer;--sidebar-slideover:sidebar}.sR_mOW_page-to-page-transition.to-landing-page::view-transition-new(sR_mOW_page){animation:sR_mOW_slide-up .4s var(--spring-fast)}.sR_mOW_composer-slide{--vt-composer:composer}.sR_mOW_composer-slide::view-transition-old(sR_mOW_composer),.sR_mOW_composer-slide::view-transition-group(sR_mOW_composer){animation-duration:.5s;animation-timing-function:var(--spring-fast)}.sR_mOW_grid-item{--vt-grid-item:grid-item}.sR_mOW_grid-item::view-transition-old(sR_mOW_grid-item),.sR_mOW_grid-item::view-transition-new(sR_mOW_grid-item){object-fit:fill;transform-origin:50%;width:100%;height:100%;animation-duration:.5s;animation-timing-function:var(--spring-fast)}.sR_mOW_pinned-widget{--vt-composer:composer;--vt-disclaimer:disclaimer}.sR_mOW_pinned-widget::view-transition,.sR_mOW_pinned-widget::view-transition-group(sR_mOW_pinned-kanzi-widget),.sR_mOW_pinned-widget::view-transition-image-pair(sR_mOW_pinned-kanzi-widget),.sR_mOW_pinned-widget::view-transition-old(sR_mOW_pinned-kanzi-widget),.sR_mOW_pinned-widget::view-transition-new(sR_mOW_pinned-kanzi-widget){background:0 0}.sR_mOW_pinned-widget::view-transition-old(sR_mOW_pinned-kanzi-widget){animation-name:sR_mOW_pinnedOldFastFade;animation-duration:.1s;animation-timing-function:var(--spring-fast);object-fit:fill;transform-origin:50%;width:100%;height:100%}.sR_mOW_pinned-widget::view-transition-new(sR_mOW_pinned-kanzi-widget){object-fit:fill;transform-origin:50%;width:100%;height:100%;animation-duration:.2s;animation-timing-function:var(--spring-fast)}.sR_mOW_pinned-widget::view-transition-old(sR_mOW_composer),.sR_mOW_pinned-widget::view-transition-group(sR_mOW_composer){z-index:999}.sR_mOW_pinned-widget::view-transition-old(sR_mOW_disclaimer),.sR_mOW_pinned-widget::view-transition-group(sR_mOW_disclaimer){z-index:999}.sR_mOW_pinned-widget.sR_mOW_becoming-inline::view-transition-old(sR_mOW_pinned-kanzi-widget){animation-duration:.25s;animation-delay:.1s}.sR_mOW_pinned-widget.sR_mOW_becoming-inline::view-transition-new(sR_mOW_pinned-kanzi-widget){animation-duration:50ms;animation-delay:.1s}.sR_mOW_becoming-inline{--vt-becoming-inline:1}.sR_mOW_pinned-widget.sR_mOW_becoming-pinned::view-transition-old(sR_mOW_pinned-kanzi-widget){animation-duration:.35s;animation-delay:0s;animation-timing-function:var(--spring-fast)}.sR_mOW_pinned-widget.sR_mOW_becoming-pinned::view-transition-new(sR_mOW_pinned-kanzi-widget){animation-duration:.1s;animation-delay:0s;animation-timing-function:var(--spring-fast)}.sR_mOW_becoming-pinned{--vt-becoming-pinned:1}.sR_mOW_fullscreen-widget-composer-transition{--vt-composer:composer}.sR_mOW_fullscreen-widget-composer-transition::view-transition-old(sR_mOW_composer),.sR_mOW_fullscreen-widget-composer-transition::view-transition-new(sR_mOW_composer){object-fit:fill;transform-origin:50%;width:100%;height:100%;animation-duration:.25s;animation-timing-function:var(--spring-fast)}.sR_mOW_places-overlay-transition{--vt-composer:places-overlay-composer}.sR_mOW_places-overlay-transition::view-transition-group(sR_mOW_business-list-container){z-index:1}.sR_mOW_places-overlay-transition::view-transition-old(sR_mOW_business-list-container),.sR_mOW_places-overlay-transition::view-transition-new(sR_mOW_business-list-container){animation-duration:.22s;animation-timing-function:var(--spring-fast);object-fit:fill;transform-origin:100%;-webkit-backdrop-filter:none;width:100%;height:100%}.sR_mOW_places-overlay-transition::view-transition-old(sR_mOW_business-list-container){animation-name:sR_mOW_places-sidebar-exit}.sR_mOW_places-overlay-transition::view-transition-new(sR_mOW_business-list-container){animation-name:sR_mOW_places-sidebar-enter}.sR_mOW_places-overlay-transition::view-transition-group(sR_mOW_map-with-entities),.sR_mOW_places-overlay-transition::view-transition-old(sR_mOW_map-with-entities),.sR_mOW_places-overlay-transition::view-transition-new(sR_mOW_map-with-entities){z-index:0}.sR_mOW_places-overlay-transition::view-transition-group(sR_mOW_places-overlay-composer),.sR_mOW_places-overlay-transition::view-transition-old(sR_mOW_places-overlay-composer),.sR_mOW_places-overlay-transition::view-transition-new(sR_mOW_places-overlay-composer){z-index:999;animation-duration:.22s;animation-timing-function:var(--spring-fast);object-fit:fill;transform-origin:bottom;width:100%;height:100%}.sR_mOW_fullscreen-popover-thread-opening-transition,.sR_mOW_fullscreen-popover-thread-closing-transition{--vt-composer:composer}:is(.sR_mOW_fullscreen-popover-thread-opening-transition,.sR_mOW_fullscreen-popover-thread-closing-transition)::view-transition-old(sR_mOW_composer),:is(.sR_mOW_fullscreen-popover-thread-opening-transition,.sR_mOW_fullscreen-popover-thread-closing-transition)::view-transition-group(sR_mOW_composer){z-index:999}.sR_mOW_fullscreen-popover-thread-opening-transition::view-transition-new(sR_mOW_fullscreen-popover-thread){z-index:0;transform-origin:bottom;animation:sR_mOW_popover-thread-enter .3s var(--spring-fast) both}.sR_mOW_fullscreen-popover-thread-closing-transition::view-transition-old(sR_mOW_fullscreen-popover-thread){z-index:0;transform-origin:bottom;animation:sR_mOW_popover-thread-exit .3s var(--spring-fast) both}@keyframes sR_mOW_popover-thread-enter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes sR_mOW_popover-thread-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes A_HxFq_user-message-collapse-detect-scroll{0%,to{--user-message-can-scroll:1}}.A_HxFq_root{container:A_HxFq_text-message}.A_HxFq_toggleCheckbox,.A_HxFq_toggleControl,.A_HxFq_showLessLabel{display:none}@supports (animation-timeline:scroll()) and (timeline-scope:--user-message-collapse-scroll) and selector(:has(*)){.A_HxFq_root{--user-message-can-scroll:0;timeline-scope:--user-message-collapse-scroll;animation:linear A_HxFq_user-message-collapse-detect-scroll;animation-timeline:--user-message-collapse-scroll;display:grid}.A_HxFq_content{--user-message-collapse-fade-height:3rem;scroll-timeline-axis:block;scroll-timeline-name:--user-message-collapse-scroll;max-height:11lh;overflow-y:hidden}.A_HxFq_toggleCheckbox{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.A_HxFq_toggleControl{width:fit-content;color:color-mix(in oklab, var(--theme-user-msg-text) 78%, var(--theme-user-msg-bg));cursor:pointer;border-radius:.375rem;align-items:center;gap:.25rem;margin-top:.5rem;padding:.125rem 0;font-size:.875rem;font-weight:500;line-height:1.25rem}.A_HxFq_toggleControl:hover{color:var(--theme-user-msg-text)}.A_HxFq_root:has(.A_HxFq_toggleCheckbox:focus-visible) .A_HxFq_toggleControl{outline:2px solid var(--theme-user-msg-text);outline-offset:2px}.A_HxFq_toggleIcon{width:1rem;height:1rem;color:inherit;fill:currentColor;flex-shrink:0;transition:transform .15s;display:block}@container A_HxFq_text-message style(--user-message-can-scroll:1){.A_HxFq_toggleCheckbox{display:block}.A_HxFq_toggleControl{display:flex}.A_HxFq_content{-webkit-mask-image:linear-gradient(to bottom, black calc(100% - var(--user-message-collapse-fade-height)), transparent);-webkit-mask-image:linear-gradient(to bottom, black calc(100% - var(--user-message-collapse-fade-height)), transparent);-webkit-mask-image:linear-gradient(to bottom, black calc(100% - var(--user-message-collapse-fade-height)), transparent);mask-image:linear-gradient(to bottom, black calc(100% - var(--user-message-collapse-fade-height)), transparent);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.A_HxFq_root:has(.A_HxFq_toggleCheckbox:checked) .A_HxFq_content{max-height:none;overflow-y:visible;-webkit-mask-image:none;mask-image:none}.A_HxFq_root:has(.A_HxFq_toggleCheckbox:checked) .A_HxFq_toggleCheckbox{display:block}.A_HxFq_root:has(.A_HxFq_toggleCheckbox:checked) .A_HxFq_toggleControl{display:flex}.A_HxFq_root:has(.A_HxFq_toggleCheckbox:checked) .A_HxFq_showMoreLabel{display:none}.A_HxFq_root:has(.A_HxFq_toggleCheckbox:checked) .A_HxFq_showLessLabel{display:inline}.A_HxFq_root:has(.A_HxFq_toggleCheckbox:checked) .A_HxFq_toggleIcon{transform:rotate(180deg)}}.q_wpmG_Root{color:var(--text-primary);background:conic-gradient(from 0turn, transparent 0turn, transparent .65turn, color-mix(in srgb, currentColor 15%, transparent) .75turn, color-mix(in srgb, currentColor 35%, transparent) .88turn, color-mix(in srgb, currentColor 55%, transparent) .98turn, transparent 1turn), conic-gradient(from 0turn, color-mix(in srgb, currentColor 15%, transparent) 0turn, color-mix(in srgb, currentColor 15%, transparent) 1turn);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 1.5px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 1.5px),#000 0)}@layer components{.Zufv-W_Container{width:var(--circular-progress-size,28px);height:var(--circular-progress-size,28px);position:relative}.Zufv-W_Container circle{stroke-width:var(--circular-progress-stroke,2px)}.Zufv-W_Track{stroke:var(--circular-progress-track-color,var(--lightningcss-light,#deede9)var(--lightningcss-dark,var(--green-a50)));transition:stroke .15s;position:absolute;top:0;left:0}.Zufv-W_TrackProgress{z-index:2;stroke:var(--circular-progress-track-active-color,var(--green-500));stroke-dasharray:50;stroke-dashoffset:50px;stroke-linecap:round;will-change:transform;transition:stroke-dashoffset .3s;position:absolute;top:0;left:0;transform:rotate(-90deg)}.ToYBsG_LoadingDots{height:var(--font-text-md-line-height);justify-content:flex-start;align-items:center;gap:4px;display:flex}.ToYBsG_Dot{background-color:currentColor;border-radius:100%;width:8px;height:8px;animation:1s infinite both ToYBsG_pulse}.ToYBsG_Dot:nth-child(2){animation-delay:.2s}.ToYBsG_Dot:nth-child(3){animation-delay:.4s}@keyframes ToYBsG_pulse{0%{opacity:.15}20%{opacity:.4}to{opacity:.15}}._1MPsBq_LoadingIndicator{width:var(--indicator-size,1em);height:var(--indicator-size,1em);animation:_1MPsBq_rotate var(--indicator-rotate-duration,.8s) linear infinite;transition:opacity .15s;position:relative}._1MPsBq_LoadingIndicator:before{border:var(--indicator-stroke,2px) solid var(--indicator-color,currentcolor);content:"";border-radius:50%;display:block;position:absolute;inset:0;-webkit-mask-image:conic-gradient(#0000,#000);mask-image:conic-gradient(#0000,#000)}._1MPsBq_LoadingIndicator:after{width:var(--indicator-stroke,2px);height:var(--indicator-stroke,2px);margin-left:calc(var(--indicator-stroke,2px) * -1 / 2);background-color:var(--indicator-color,currentcolor);content:"";border-radius:100%;display:block;position:absolute;top:0;left:50%}@keyframes _1MPsBq_rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.WlXitW_TransitionGroupChild{display:block}.QZcSVW_Button{gap:var(--button-gap);height:var(--button-size);padding:0 var(--button-gutter);border-radius:var(--button-radius);cursor:pointer;font-size:var(--button-font-size);font-weight:var(--button-font-weight);transition-duration:var(--transition-duration-basic);transition-property:opacity,color;transition-timing-function:var(--transition-ease-basic);-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;line-height:1;display:inline-block;position:relative}.QZcSVW_Button:before{border-radius:inherit;content:"";transition-duration:var(--transition-duration-basic);transition-property:opacity,background-color,transform,box-shadow,border-color;transition-timing-function:var(--transition-ease-basic);will-change:transform;display:block;position:absolute;inset:0}.QZcSVW_Button:after{border-radius:inherit;content:"";pointer-events:none;transition-duration:var(--transition-duration-basic);transition-property:transform;transition-timing-function:var(--transition-ease-basic);will-change:transform;display:block;position:absolute;inset:0}.QZcSVW_Button:focus{outline:none}.QZcSVW_Button:focus-visible:after{outline:2px solid var(--button-ring-color,var(--color-ring));outline-offset:var(--button-ring-offset,2px)}.QZcSVW_Button svg:where(:not([data-no-autosize])){width:var(--button-icon-size);height:var(--button-icon-size)}:where(.QZcSVW_Button svg:where(:not([data-no-autosize])):first-child:not(:only-child)){margin-left:var(--button-icon-offset,-1px)}:where(.QZcSVW_Button svg:where(:not([data-no-autosize])):last-child:not(:only-child)){margin-right:var(--button-icon-offset,-1px)}.QZcSVW_Button:where([data-optically-align=start]){margin-inline-start:calc(var(--button-gutter) * -1)}.QZcSVW_Button:where([data-optically-align=start][data-pill]){margin-inline-start:calc(var(--button-gutter) * var(--control-gutter-pill-scaling) * -1)}.QZcSVW_Button:where([data-optically-align=end]){margin-inline-end:calc(var(--button-gutter) * -1)}.QZcSVW_Button:where([data-optically-align=end][data-pill]){margin-inline-end:calc(var(--button-gutter) * var(--control-gutter-pill-scaling) * -1)}.QZcSVW_Button:where([data-optically-align=start][data-uniform]){margin-inline-start:calc(((var(--button-size) - var(--button-icon-size)) / 2) * -1)}.QZcSVW_Button:where([data-optically-align=end][data-uniform]){margin-inline-end:calc(((var(--button-size) - var(--button-icon-size)) / 2) * -1)}.QZcSVW_Button:where([data-size="3xs"]){--button-size:var(--control-size-3xs);--button-gutter:var(--control-gutter-2xs);--button-font-size:var(--control-font-size-sm);--button-icon-size:var(--control-icon-size-xs);--button-gap:var(--button-gap-sm);--button-radius:var(--control-radius-sm);--button-icon-offset:-1px;--indicator-size:11px;--circular-progress-size:11px}.QZcSVW_Button:where([data-size="2xs"]){--button-size:var(--control-size-2xs);--button-gutter:var(--control-gutter-xs);--button-font-size:var(--control-font-size-sm);--button-icon-size:var(--control-icon-size-sm);--button-gap:var(--button-gap-md);--button-radius:var(--control-radius-sm);--button-icon-offset:-1px;--indicator-size:12px;--circular-progress-size:12px}.QZcSVW_Button:where([data-size=xs]){--button-size:var(--control-size-xs);--button-gutter:var(--control-gutter-xs);--button-font-size:var(--control-font-size-md);--button-icon-size:var(--control-icon-size-sm);--button-gap:var(--button-gap-md);--button-radius:var(--control-radius-sm);--button-icon-offset:-1px;--indicator-size:13px;--circular-progress-size:14px}.QZcSVW_Button:where([data-size=sm]){--button-size:var(--control-size-sm);--button-gutter:var(--control-gutter-sm);--button-font-size:var(--control-font-size-md);--button-icon-size:var(--control-icon-size-md);--button-gap:var(--button-gap-md);--button-radius:var(--control-radius-sm);--button-icon-offset:-1px;--indicator-size:15px;--circular-progress-size:15px}.QZcSVW_Button:where([data-size=md]){--button-size:var(--control-size-md);--button-gutter:var(--control-gutter-md);--button-font-size:var(--control-font-size-md);--button-icon-size:var(--control-icon-size-md);--button-gap:var(--button-gap-lg);--button-radius:var(--control-radius-md);--button-icon-offset:-1px;--indicator-size:16px;--circular-progress-size:16px}.QZcSVW_Button:where([data-size=lg]){--button-size:var(--control-size-lg);--button-gutter:var(--control-gutter-md);--button-font-size:var(--control-font-size-md);--button-icon-size:var(--control-icon-size-md);--button-gap:var(--button-gap-lg);--button-radius:var(--control-radius-md);--button-icon-offset:-1px;--indicator-size:16px;--circular-progress-size:16px}.QZcSVW_Button:where([data-size=xl]){--button-size:var(--control-size-xl);--button-gutter:var(--control-gutter-lg);--button-font-size:var(--control-font-size-md);--button-icon-size:var(--control-icon-size-md);--button-gap:var(--button-gap-lg);--button-radius:var(--control-radius-lg);--button-icon-offset:-1px;--indicator-size:18px;--circular-progress-size:18px}.QZcSVW_Button:where([data-size="2xl"]){--button-size:var(--control-size-2xl);--button-gutter:var(--control-gutter-lg);--button-font-size:var(--control-font-size-lg);--button-icon-size:var(--control-icon-size-lg);--button-gap:var(--button-gap-lg);--button-radius:var(--control-radius-xl);--button-icon-offset:-2px;--indicator-size:18px;--circular-progress-size:18px}.QZcSVW_Button:where([data-size="3xl"]){--button-size:var(--control-size-3xl);--button-gutter:var(--control-gutter-xl);--button-font-size:var(--control-font-size-lg);--button-icon-size:var(--control-icon-size-lg);--button-gap:var(--button-gap-lg);--button-radius:var(--control-radius-xl);--button-icon-offset:-2px;--indicator-size:20px;--circular-progress-size:20px}.QZcSVW_Button:where([data-gutter-size="2xs"]){--button-gutter:var(--control-gutter-2xs)}.QZcSVW_Button:where([data-gutter-size=xs]){--button-gutter:var(--control-gutter-xs)}.QZcSVW_Button:where([data-gutter-size=sm]){--button-gutter:var(--control-gutter-sm)}.QZcSVW_Button:where([data-gutter-size=md]){--button-gutter:var(--control-gutter-md)}.QZcSVW_Button:where([data-gutter-size=lg]){--button-gutter:var(--control-gutter-lg)}.QZcSVW_Button:where([data-gutter-size=xl]){--button-gutter:var(--control-gutter-xl)}.QZcSVW_Button:where([data-icon-size=sm]){--button-icon-size:var(--control-icon-size-sm)}.QZcSVW_Button:where([data-icon-size=md]){--button-icon-size:var(--control-icon-size-md)}.QZcSVW_Button:where([data-icon-size=lg]){--button-icon-size:var(--control-icon-size-lg)}.QZcSVW_Button:where([data-icon-size=xl]){--button-icon-size:var(--control-icon-size-xl)}.QZcSVW_Button:where([data-icon-size="2xl"]){--button-icon-size:var(--control-icon-size-2xl)}.QZcSVW_Button:where([data-pill]){--button-radius:var(--radius-full);padding:0 calc(var(--button-gutter) * var(--control-gutter-pill-scaling))}.QZcSVW_Button:where([data-block]){width:100%}.QZcSVW_Button[data-uniform]{--button-gutter:0;width:var(--button-size)}.QZcSVW_Button[data-variant=ghost]{--button-ring-offset:-1px;color:var(--button-text-color)}.QZcSVW_Button[data-variant=ghost]:before{background-color:var(--button-background-color);opacity:0;transform:scale(var(--scale))}.QZcSVW_Button[data-variant=ghost][aria-expanded=true],.QZcSVW_Button[data-variant=ghost][data-state=open]{color:var(--button-text-color-hover)}:is(.QZcSVW_Button[data-variant=ghost][aria-expanded=true],.QZcSVW_Button[data-variant=ghost][data-state=open]):before{opacity:.6;transform:scale(1)}.QZcSVW_Button[data-variant=ghost][data-selected]{color:var(--button-text-color-hover)}.QZcSVW_Button[data-variant=ghost][data-selected]:before{opacity:1;transform:scale(1)}@media (hover:hover) and (pointer:fine){.QZcSVW_Button[data-variant=ghost]:where(:not([data-disabled])):hover{color:var(--button-text-color-hover)}.QZcSVW_Button[data-variant=ghost]:where(:not([data-disabled])):hover:before{opacity:1;transform:scale(1)}}.QZcSVW_Button[data-variant=ghost]:where(:not([data-disabled])):active:before{background-color:var(--button-background-color-active);opacity:1;transform:scale(var(--scale))}.QZcSVW_Button[data-variant=ghost]:where(:not([data-disabled])):active:after{transform:scale(var(--scale))}.QZcSVW_Button[data-variant=ghost]:where([data-color=primary]){--button-background-color:var(--color-background-primary-ghost-hover);--button-background-color-active:var(--color-background-primary-ghost-active);--button-text-color:var(--color-text-primary-ghost);--button-text-color-hover:var(--color-text-primary-ghost-hover);--button-ring-color:var(--color-ring-primary-ghost)}.QZcSVW_Button[data-variant=ghost]:where([data-color=secondary]){--button-background-color:var(--color-background-secondary-ghost-hover);--button-background-color-active:var(--color-background-secondary-ghost-active);--button-text-color:var(--color-text-secondary-ghost);--button-text-color-hover:var(--color-text-secondary-ghost-hover);--button-ring-color:var(--color-ring-secondary-ghost)}.QZcSVW_Button[data-variant=ghost]:where([data-color=danger]){--button-background-color:var(--color-background-danger-ghost-hover);--button-background-color-active:var(--color-background-danger-ghost-active);--button-text-color:var(--color-text-danger-ghost);--button-text-color-hover:var(--color-text-danger-ghost-hover);--button-ring-color:var(--color-ring-danger-ghost)}.QZcSVW_Button[data-variant=ghost]:where([data-color=success]){--button-background-color:var(--color-background-success-ghost-hover);--button-background-color-active:var(--color-background-success-ghost-active);--button-text-color:var(--color-text-success-ghost);--button-text-color-hover:var(--color-text-success-ghost-hover);--button-ring-color:var(--color-ring-success-ghost)}.QZcSVW_Button[data-variant=ghost]:where([data-color=warning]){--button-background-color:var(--color-background-warning-ghost-hover);--button-background-color-active:var(--color-background-warning-ghost-active);--button-text-color:var(--color-text-warning-ghost);--button-text-color-hover:var(--color-text-warning-ghost-hover);--button-ring-color:var(--color-ring-warning-ghost)}.QZcSVW_Button[data-variant=ghost]:where([data-color=caution]){--button-background-color:var(--color-background-caution-ghost-hover);--button-background-color-active:var(--color-background-caution-ghost-active);--button-text-color:var(--color-text-caution-ghost);--button-text-color-hover:var(--color-text-caution-ghost-hover);--button-ring-color:var(--color-ring-caution-ghost)}.QZcSVW_Button[data-variant=ghost]:where([data-color=info]){--button-background-color:var(--color-background-info-ghost-hover);--button-background-color-active:var(--color-background-info-ghost-active);--button-text-color:var(--color-text-info-ghost);--button-text-color-hover:var(--color-text-info-ghost-hover);--button-ring-color:var(--color-ring-info-ghost)}.QZcSVW_Button[data-variant=ghost]:where([data-color=discovery]){--button-background-color:var(--color-background-discovery-ghost-hover);--button-background-color-active:var(--color-background-discovery-ghost-active);--button-text-color:var(--color-text-discovery-ghost);--button-text-color-hover:var(--color-text-discovery-ghost-hover);--button-ring-color:var(--color-ring-discovery-ghost)}.QZcSVW_Button[data-variant=solid]{color:var(--button-text-color)}.QZcSVW_Button[data-variant=solid]:before{background-color:var(--button-background-color)}:is(.QZcSVW_Button[data-variant=solid][aria-expanded=true],.QZcSVW_Button[data-variant=solid][data-state=open],.QZcSVW_Button[data-variant=solid][data-selected]):before{background-color:var(--button-background-color-hover)}@media (hover:hover) and (pointer:fine){.QZcSVW_Button[data-variant=solid]:where(:not([data-disabled])):hover:before{background-color:var(--button-background-color-hover)}}.QZcSVW_Button[data-variant=solid]:where(:not([data-disabled])):active:before{background-color:var(--button-background-color-active)}.QZcSVW_Button[data-variant=solid]:where(:not([data-disabled])):active:before,.QZcSVW_Button[data-variant=solid]:where(:not([data-disabled])):active:after{transform:scale(var(--scale))}.QZcSVW_Button[data-variant=solid]:where([data-color=primary]){--button-background-color:var(--color-background-primary-solid);--button-background-color-hover:var(--color-background-primary-solid-hover);--button-background-color-active:var(--color-background-primary-solid-active);--button-text-color:var(--color-text-primary-solid);--button-ring-color:var(--color-ring-primary-solid)}.QZcSVW_Button[data-variant=solid]:where([data-color=secondary]){--button-background-color:var(--color-background-secondary-solid);--button-background-color-hover:var(--color-background-secondary-solid-hover);--button-background-color-active:var(--color-background-secondary-solid-active);--button-text-color:var(--color-text-secondary-solid);--button-ring-color:var(--color-ring-secondary-solid)}.QZcSVW_Button[data-variant=solid]:where([data-color=success]){--button-background-color:var(--color-background-success-solid);--button-background-color-hover:var(--color-background-success-solid-hover);--button-background-color-active:var(--color-background-success-solid-active);--button-text-color:var(--color-text-success-solid);--button-ring-color:var(--color-ring-success-solid)}.QZcSVW_Button[data-variant=solid]:where([data-color=danger]){--button-background-color:var(--color-background-danger-solid);--button-background-color-hover:var(--color-background-danger-solid-hover);--button-background-color-active:var(--color-background-danger-solid-active);--button-text-color:var(--color-text-danger-solid);--button-ring-color:var(--color-ring-danger-solid)}.QZcSVW_Button[data-variant=solid]:where([data-color=warning]){--button-background-color:var(--color-background-warning-solid);--button-background-color-hover:var(--color-background-warning-solid-hover);--button-background-color-active:var(--color-background-warning-solid-active);--button-text-color:var(--color-text-warning-solid);--button-ring-color:var(--color-ring-warning-solid)}.QZcSVW_Button[data-variant=solid]:where([data-color=caution]){--button-background-color:var(--color-background-caution-solid);--button-background-color-hover:var(--color-background-caution-solid-hover);--button-background-color-active:var(--color-background-caution-solid-active);--button-text-color:var(--color-text-caution-solid);--button-ring-color:var(--color-ring-caution-solid)}.QZcSVW_Button[data-variant=solid]:where([data-color=info]){--button-background-color:var(--color-background-info-solid);--button-background-color-hover:var(--color-background-info-solid-hover);--button-background-color-active:var(--color-background-info-solid-active);--button-text-color:var(--color-text-info-solid);--button-ring-color:var(--color-ring-info-solid)}.QZcSVW_Button[data-variant=solid]:where([data-color=discovery]){--button-background-color:var(--color-background-discovery-solid);--button-background-color-hover:var(--color-background-discovery-solid-hover);--button-background-color-active:var(--color-background-discovery-solid-active);--button-text-color:var(--color-text-discovery-solid);--button-ring-color:var(--color-ring-discovery-solid)}.QZcSVW_Button[data-variant=soft]{color:var(--button-text-color)}.QZcSVW_Button[data-variant=soft]:before{background-color:var(--button-background-color)}:is(.QZcSVW_Button[data-variant=soft][aria-expanded=true],.QZcSVW_Button[data-variant=soft][data-state=open],.QZcSVW_Button[data-variant=soft][data-selected]):before{background-color:var(--button-background-color-hover)}@media (hover:hover) and (pointer:fine){.QZcSVW_Button[data-variant=soft]:where(:not([data-disabled])):hover:before{background-color:var(--button-background-color-hover)}}.QZcSVW_Button[data-variant=soft]:where(:not([data-disabled])):active:before{background-color:var(--button-background-color-active)}.QZcSVW_Button[data-variant=soft]:where(:not([data-disabled])):active:before,.QZcSVW_Button[data-variant=soft]:where(:not([data-disabled])):active:after{transform:scale(var(--scale))}.QZcSVW_Button[data-variant=soft]:where([data-color=primary]){--button-background-color:var(--color-background-primary-soft-alpha);--button-background-color-hover:var(--color-background-primary-soft-alpha-hover);--button-background-color-active:var(--color-background-primary-soft-alpha-active);--button-text-color:var(--color-text-primary-soft);--button-ring-color:var(--color-ring-primary-soft)}.QZcSVW_Button[data-variant=soft]:where([data-color=secondary]){--button-background-color:var(--color-background-secondary-soft-alpha);--button-background-color-hover:var(--color-background-secondary-soft-alpha-hover);--button-background-color-active:var(--color-background-secondary-soft-alpha-active);--button-text-color:var(--color-text-secondary-soft);--button-ring-color:var(--color-ring-secondary-soft)}.QZcSVW_Button[data-variant=soft]:where([data-color=success]){--button-background-color:var(--color-background-success-soft-alpha);--button-background-color-hover:var(--color-background-success-soft-alpha-hover);--button-background-color-active:var(--color-background-success-soft-alpha-active);--button-text-color:var(--color-text-success-soft);--button-ring-color:var(--color-ring-success-soft)}.QZcSVW_Button[data-variant=soft]:where([data-color=danger]){--button-background-color:var(--color-background-danger-soft-alpha);--button-background-color-hover:var(--color-background-danger-soft-alpha-hover);--button-background-color-active:var(--color-background-danger-soft-alpha-active);--button-text-color:var(--color-text-danger-soft);--button-ring-color:var(--color-ring-danger-soft)}.QZcSVW_Button[data-variant=soft]:where([data-color=warning]){--button-background-color:var(--color-background-warning-soft-alpha);--button-background-color-hover:var(--color-background-warning-soft-alpha-hover);--button-background-color-active:var(--color-background-warning-soft-alpha-active);--button-text-color:var(--color-text-warning-soft);--button-ring-color:var(--color-ring-warning-soft)}.QZcSVW_Button[data-variant=soft]:where([data-color=caution]){--button-background-color:var(--color-background-caution-soft-alpha);--button-background-color-hover:var(--color-background-caution-soft-alpha-hover);--button-background-color-active:var(--color-background-caution-soft-alpha-active);--button-text-color:var(--color-text-caution-soft);--button-ring-color:var(--color-ring-caution-soft)}.QZcSVW_Button[data-variant=soft]:where([data-color=info]){--button-background-color:var(--color-background-info-soft-alpha);--button-background-color-hover:var(--color-background-info-soft-alpha-hover);--button-background-color-active:var(--color-background-info-soft-alpha-active);--button-text-color:var(--color-text-info-soft);--button-ring-color:var(--color-ring-info-soft)}.QZcSVW_Button[data-variant=soft]:where([data-color=discovery]){--button-background-color:var(--color-background-discovery-soft-alpha);--button-background-color-hover:var(--color-background-discovery-soft-alpha-hover);--button-background-color-active:var(--color-background-discovery-soft-alpha-active);--button-text-color:var(--color-text-discovery-soft);--button-ring-color:var(--color-ring-discovery-soft)}.QZcSVW_Button[data-variant=outline]{--button-ring-offset:-1px;color:var(--button-text-color)}.QZcSVW_Button[data-variant=outline]:before{box-shadow:0 0 0 1px var(--button-border-color) inset, var(--button-shadow-custom,0 0 #0000);background-color:#0000}.QZcSVW_Button[data-variant=outline][aria-expanded=true],.QZcSVW_Button[data-variant=outline][data-state=open],.QZcSVW_Button[data-variant=outline][data-selected]{color:var(--button-text-color-hover)}:is(.QZcSVW_Button[data-variant=outline][aria-expanded=true],.QZcSVW_Button[data-variant=outline][data-state=open],.QZcSVW_Button[data-variant=outline][data-selected]):before{background-color:var(--button-background-color-hover);box-shadow:0 0 0 1px var(--button-border-color-hover) inset, var(--button-shadow-custom,0 0 #0000)}@media (hover:hover) and (pointer:fine){.QZcSVW_Button[data-variant=outline]:where(:not([data-disabled])):hover{color:var(--button-text-color-hover)}.QZcSVW_Button[data-variant=outline]:where(:not([data-disabled])):hover:before{background-color:var(--button-background-color-hover);box-shadow:0 0 0 1px var(--button-border-color-hover) inset, var(--button-shadow-custom,0 0 #0000)}}.QZcSVW_Button[data-variant=outline]:where(:not([data-disabled])):active:before{background-color:var(--button-background-color-active);transform:scale(var(--scale))}.QZcSVW_Button[data-variant=outline]:where(:not([data-disabled])):active:after{transform:scale(var(--scale))}.QZcSVW_Button[data-variant=outline]:where([data-color=primary]){--button-background-color-hover:var(--color-background-primary-outline-hover);--button-background-color-active:var(--color-background-primary-outline-active);--button-border-color:var(--color-border-primary-outline);--button-border-color-hover:var(--color-border-primary-outline-hover);--button-text-color:var(--color-text-primary-outline);--button-text-color-hover:var(--color-text-primary-outline-hover);--button-ring-color:var(--color-ring-primary-outline)}.QZcSVW_Button[data-variant=outline]:where([data-color=secondary]){--button-background-color-hover:var(--color-background-secondary-outline-hover);--button-background-color-active:var(--color-background-secondary-outline-active);--button-border-color:var(--color-border-secondary-outline);--button-border-color-hover:var(--color-border-secondary-outline-hover);--button-text-color:var(--color-text-secondary-outline);--button-text-color-hover:var(--color-text-secondary-outline-hover);--button-ring-color:var(--color-ring-secondary-outline)}.QZcSVW_Button[data-variant=outline]:where([data-color=danger]){--button-background-color-hover:var(--color-background-danger-outline-hover);--button-background-color-active:var(--color-background-danger-outline-active);--button-border-color:var(--color-border-danger-outline);--button-border-color-hover:var(--color-border-danger-outline-hover);--button-text-color:var(--color-text-danger-outline);--button-text-color-hover:var(--color-text-danger-outline-hover);--button-ring-color:var(--color-ring-danger-outline)}.QZcSVW_Button[data-variant=outline]:where([data-color=success]){--button-background-color-hover:var(--color-background-success-outline-hover);--button-background-color-active:var(--color-background-success-outline-active);--button-border-color:var(--color-border-success-outline);--button-border-color-hover:var(--color-border-success-outline-hover);--button-text-color:var(--color-text-success-outline);--button-text-color-hover:var(--color-text-success-outline-hover);--button-ring-color:var(--color-ring-success-outline)}.QZcSVW_Button[data-variant=outline]:where([data-color=warning]){--button-background-color-hover:var(--color-background-warning-outline-hover);--button-background-color-active:var(--color-background-warning-outline-active);--button-border-color:var(--color-border-warning-outline);--button-border-color-hover:var(--color-border-warning-outline-hover);--button-text-color:var(--color-text-warning-outline);--button-text-color-hover:var(--color-text-warning-outline-hover);--button-ring-color:var(--color-ring-warning-outline)}.QZcSVW_Button[data-variant=outline]:where([data-color=caution]){--button-background-color-hover:var(--color-background-caution-outline-hover);--button-background-color-active:var(--color-background-caution-outline-active);--button-border-color:var(--color-border-caution-outline);--button-border-color-hover:var(--color-border-caution-outline-hover);--button-text-color:var(--color-text-caution-outline);--button-text-color-hover:var(--color-text-caution-outline-hover);--button-ring-color:var(--color-ring-caution-outline)}.QZcSVW_Button[data-variant=outline]:where([data-color=info]){--button-background-color-hover:var(--color-background-info-outline-hover);--button-background-color-active:var(--color-background-info-outline-active);--button-border-color:var(--color-border-info-outline);--button-border-color-hover:var(--color-border-info-outline-hover);--button-text-color:var(--color-text-info-outline);--button-text-color-hover:var(--color-text-info-outline-hover);--button-ring-color:var(--color-ring-info-outline)}.QZcSVW_Button[data-variant=outline]:where([data-color=discovery]){--button-background-color-hover:var(--color-background-discovery-outline-hover);--button-background-color-active:var(--color-background-discovery-outline-active);--button-border-color:var(--color-border-discovery-outline);--button-border-color-hover:var(--color-border-discovery-outline-hover);--button-text-color:var(--color-text-discovery-outline);--button-text-color-hover:var(--color-text-discovery-outline-hover);--button-ring-color:var(--color-ring-discovery-outline)}.QZcSVW_Button[disabled]{pointer-events:none}.QZcSVW_Button[data-disabled][data-variant]{--button-background-color:var(--color-background-disabled);--button-border-color:var(--color-border-disabled);--button-text-color:var(--color-text-disabled);cursor:not-allowed;pointer-events:auto}.QZcSVW_Button[data-disabled][data-variant]:active:before{transform:scale(1)}.QZcSVW_Button[data-disabled][data-variant][data-disabled-tone=relaxed]{cursor:default}.QZcSVW_ButtonInner{flex-direction:inherit;justify-content:center;align-items:center;gap:inherit;width:100%;height:100%;transition:opacity .15s .1s;display:flex;position:relative}[data-loading] .QZcSVW_ButtonInner{opacity:0;transition:opacity .3s}.QZcSVW_ButtonLoader{z-index:3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.QZcSVW_ButtonLoader[data-entering]{opacity:0}.QZcSVW_ButtonLoader[data-exiting]{opacity:1}.QZcSVW_ButtonLoader[data-entering-active],.QZcSVW_ButtonLoader[data-entering][data-interrupted]{opacity:1;transition:opacity .15s .1s}.QZcSVW_ButtonLoader[data-exiting-active],.QZcSVW_ButtonLoader[data-exiting][data-interrupted]{opacity:0;transition:opacity .15s}.euUWSq_Tooltip{border-radius:var(--tooltip-border-radius);max-width:300px;animation-name:euUWSq_scale-in;animation-duration:.25s;animation-timing-function:var(--cubic-enter);background:var(--tooltip-background-color);box-shadow:var(--tooltip-box-shadow);color:var(--tooltip-text-color);font-size:var(--tooltip-font-size);font-weight:var(--tooltip-font-weight);line-height:var(--tooltip-line-height);transform-origin:var(--radix-tooltip-content-transform-origin);transition:background-color .15s}.euUWSq_Tooltip[data-state=closed]{animation:euUWSq_scale-out .25s var(--cubic-enter)}.euUWSq_Tooltip[data-clickable=false]{cursor:default}.euUWSq_Tooltip[data-clickable=true]{cursor:pointer}@media (hover:hover) and (pointer:fine){.euUWSq_Tooltip[data-compact=true][data-clickable=true]:hover{background:var(--tooltip-compact-interactive-background-color-hover);color:var(--tooltip-compact-interactive-text-color-hover)}}.euUWSq_Tooltip[data-gutter-size=sm]{padding:var(--tooltip-padding-sm)}.euUWSq_Tooltip[data-gutter-size=md]{padding:var(--tooltip-padding-md)}.euUWSq_Tooltip[data-gutter-size=lg]{padding:var(--tooltip-padding-lg)}.euUWSq_Tooltip[data-compact=true]{padding:var(--tooltip-compact-padding);background:var(--tooltip-compact-background-color);color:var(--tooltip-compact-text-color);font-size:var(--tooltip-compact-font-size);font-weight:var(--tooltip-compact-font-weight)}@keyframes euUWSq_scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes euUWSq_scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}.euUWSq_TriggerDecorator{cursor:pointer;transition:text-decoration .2s var(--cubic-exit);-webkit-text-decoration:underline dotted #0000;text-decoration:underline dotted #0000;display:inline-flex}.euUWSq_TriggerDecorator:focus{outline:0}.euUWSq_TriggerDecorator[data-state*=open]{-webkit-text-decoration-color:var(--color-text-tertiary);-webkit-text-decoration-color:var(--color-text-tertiary);text-decoration-color:var(--color-text-tertiary);transition-timing-function:var(--cubic-enter)}.YlkxtG_TransitionItem{will-change:var(--tg-will-change)}[data-transition-position=absolute] .YlkxtG_TransitionItem[data-exiting],[data-transition-position=absolute] .YlkxtG_TransitionItem:not([data-exiting])+.YlkxtG_TransitionItem[data-entering]{width:100%;position:absolute;top:0;left:0}.YlkxtG_TransitionItem[data-entering]{filter:var(--tg-initial-filter);opacity:var(--tg-initial-opacity);transform:var(--tg-initial-transform)}.YlkxtG_TransitionItem[data-exiting]{filter:var(--tg-enter-filter);opacity:var(--tg-enter-opacity);transform:var(--tg-enter-transform)}.YlkxtG_TransitionItem[data-entering-active],.YlkxtG_TransitionItem[data-entering][data-interrupted]{filter:var(--tg-enter-filter);opacity:var(--tg-enter-opacity);transform:var(--tg-enter-transform);transition:opacity var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay), transform var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay), filter var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay)}.YlkxtG_TransitionItem[data-exiting-active],.YlkxtG_TransitionItem[data-exiting][data-interrupted]{filter:var(--tg-exit-filter,none);opacity:var(--tg-exit-opacity,0);transform:var(--tg-exit-transform,none);transition:opacity var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay), transform var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay), filter var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay)}.YlkxtG_TransitionItem[data-entering][data-interrupted],.YlkxtG_TransitionItem[data-exiting][data-interrupted]{transition-delay:0s}.fKQ0lq_Layout{flex-shrink:0;transition-property:height,width;display:block;position:relative}.fKQ0lq_Layout[data-clip=true]{overflow:hidden}.fKQ0lq_Layout[data-direction=in]{transition-delay:var(--tg-layout-enter-delay);transition-duration:var(--tg-layout-enter-duration);transition-timing-function:var(--tg-layout-enter-timing-function)}.fKQ0lq_Layout[data-direction=out]{transition-delay:var(--tg-layout-exit-delay);transition-duration:var(--tg-layout-exit-duration);transition-timing-function:var(--tg-layout-exit-timing-function)}.fKQ0lq_Layout[data-direction=move]{transition-delay:var(--tg-layout-move-delay);transition-duration:var(--tg-layout-move-duration);transition-timing-function:var(--tg-layout-move-timing-function)}.fKQ0lq_Layout[data-interrupted=true]{transition-delay:0s}.fKQ0lq_TransitionItem{will-change:var(--tg-will-change,auto);flex-shrink:0}.fKQ0lq_TransitionItem[data-entering],.fKQ0lq_TransitionItem[data-exiting]{width:100%;position:absolute;top:0;left:0}.fKQ0lq_Layout[data-dimension=width]>:is(.fKQ0lq_TransitionItem[data-entering],.fKQ0lq_TransitionItem[data-exiting]){width:auto}.fKQ0lq_Layout[data-item-anchor=end]>:is(.fKQ0lq_TransitionItem[data-entering],.fKQ0lq_TransitionItem[data-exiting]){top:initial;bottom:0}.fKQ0lq_Layout[data-item-anchor=end][data-dimension=width]>:is(.fKQ0lq_TransitionItem[data-entering],.fKQ0lq_TransitionItem[data-exiting]){right:0;left:initial}.fKQ0lq_TransitionItem[data-entering]{filter:var(--tg-initial-filter);opacity:var(--tg-initial-opacity);transform:var(--tg-initial-transform)}.fKQ0lq_TransitionItem[data-exiting]{filter:var(--tg-enter-filter);opacity:var(--tg-enter-opacity);transform:var(--tg-enter-transform)}.fKQ0lq_TransitionItem[data-entering-active],.fKQ0lq_TransitionItem[data-entering][data-interrupted]{filter:var(--tg-enter-filter);opacity:var(--tg-enter-opacity);transform:var(--tg-enter-transform);transition:opacity var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay), transform var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay), filter var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay)}.fKQ0lq_TransitionItem[data-exiting-active],.fKQ0lq_TransitionItem[data-exiting][data-interrupted]{filter:var(--tg-exit-filter);opacity:var(--tg-exit-opacity);transform:var(--tg-exit-transform);transition:opacity var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay), transform var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay), filter var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay)}.tFkmiW_LayoutItem{flex-shrink:0;position:relative}.tFkmiW_LayoutItem[data-entering-active],.tFkmiW_LayoutItem[data-entering][data-interrupted]{transition:height var(--tg-layout-enter-duration) var(--tg-layout-enter-timing-function) var(--tg-layout-enter-delay), width var(--tg-layout-enter-duration) var(--tg-layout-enter-timing-function) var(--tg-layout-enter-delay)}.tFkmiW_LayoutItem[data-exiting-active],.tFkmiW_LayoutItem[data-exiting][data-interrupted]{transition:height var(--tg-layout-exit-duration) var(--tg-layout-exit-timing-function) var(--tg-layout-exit-delay), width var(--tg-layout-exit-duration) var(--tg-layout-exit-timing-function) var(--tg-layout-exit-delay)}.tFkmiW_TransitionItem{will-change:var(--tg-will-change);display:block}.tFkmiW_LayoutItem[data-entering]>.tFkmiW_TransitionItem{filter:var(--tg-initial-filter);opacity:var(--tg-initial-opacity);transform:var(--tg-initial-transform)}.tFkmiW_LayoutItem[data-exiting]>.tFkmiW_TransitionItem{filter:var(--tg-enter-filter);opacity:var(--tg-enter-opacity);transform:var(--tg-enter-transform)}.tFkmiW_LayoutItem[data-entering]>.tFkmiW_TransitionItem[data-dimension=width]{position:absolute;top:0;left:0}.tFkmiW_LayoutItem[data-entering-active]>.tFkmiW_TransitionItem,.tFkmiW_LayoutItem[data-entering][data-interrupted]>.tFkmiW_TransitionItem{filter:var(--tg-enter-filter);opacity:var(--tg-enter-opacity);transform:var(--tg-enter-transform);transition:opacity var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay), transform var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay), filter var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay)}.tFkmiW_LayoutItem[data-exiting-active]>.tFkmiW_TransitionItem,.tFkmiW_LayoutItem[data-exiting][data-interrupted]>.tFkmiW_TransitionItem{filter:var(--tg-exit-filter);opacity:var(--tg-exit-opacity,0);transform:var(--tg-exit-transform);transition:opacity var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay), transform var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay), filter var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay)}.gnj0oW_CodeBlock{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--codeblock-background-color);position:relative}.gnj0oW_CopyButtonContainer{border-radius:inherit;background-color:var(--codeblock-background-color);padding:10px 10px 0 0;position:absolute;top:0;right:0}.gnj0oW_SyntaxHighlighter{--syntax1:var(--codeblock-syntax-1);--syntax2:var(--codeblock-syntax-2);--syntax3:var(--codeblock-syntax-3);--syntax4:var(--codeblock-syntax-4);--syntax5:var(--codeblock-syntax-5);color:var(--color-text);font-size:.875em;font-weight:var(--font-weight-normal);background:0 0;margin:0;padding:14px 40px 14px 16px;line-height:1.5em;display:block;overflow:auto}.gnj0oW_SyntaxHighlighter .token.property,.gnj0oW_SyntaxHighlighter .token.variable,.gnj0oW_SyntaxHighlighter .token.attr-name,.gnj0oW_SyntaxHighlighter .token.unit,.gnj0oW_SyntaxHighlighter .token.id,.gnj0oW_SyntaxHighlighter .token.selector,.gnj0oW_SyntaxHighlighter .token.entity,.gnj0oW_SyntaxHighlighter .token.tag,.gnj0oW_SyntaxHighlighter .token.type{color:var(--syntax4)}.gnj0oW_SyntaxHighlighter .token.url,.gnj0oW_SyntaxHighlighter .token.boolean,.gnj0oW_SyntaxHighlighter .token.number,.gnj0oW_SyntaxHighlighter .token.important{color:var(--syntax5)}.gnj0oW_SyntaxHighlighter .token.builtin,.gnj0oW_SyntaxHighlighter .token.function,.gnj0oW_SyntaxHighlighter .token.class-name{color:var(--syntax1)}.gnj0oW_SyntaxHighlighter .token.keyword,.gnj0oW_SyntaxHighlighter .token.constant,.gnj0oW_SyntaxHighlighter .token.symbol,.gnj0oW_SyntaxHighlighter .token.deleted{color:var(--syntax2)}.gnj0oW_SyntaxHighlighter .token.string,.gnj0oW_SyntaxHighlighter .token.char,.gnj0oW_SyntaxHighlighter .token.regex,.gnj0oW_SyntaxHighlighter .token.attr-value,.gnj0oW_SyntaxHighlighter .token.inserted{color:var(--syntax3)}.gnj0oW_SyntaxHighlighter .token.comment,.gnj0oW_SyntaxHighlighter .token.prolog,.gnj0oW_SyntaxHighlighter .token.doctype,.gnj0oW_SyntaxHighlighter .token.cdata{color:color-mix(in oklab,var(--color-text) .5,transparent)}.gnj0oW_SyntaxHighlighter .token.punctuation,.gnj0oW_SyntaxHighlighter .token.operator{color:color-mix(in oklab,var(--color-text) .6,transparent)}.gnj0oW_SyntaxHighlighter .token.console{color:var(--color-text)}._4K_GZG_Container{display:flex;position:relative}._4K_GZG_Container[data-has-label]{align-items:flex-start}._4K_GZG_Container[data-orientation=right]{flex-direction:row-reverse}._4K_GZG_Container>input{bottom:0;left:0;right:0;height:1px!important;transform:none!important}._4K_GZG_Checkbox{border:1px solid var(--lightningcss-light,var(--gray-200))var(--lightningcss-dark,var(--gray-500));border-radius:var(--radius-xs);cursor:pointer;background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;width:18px;max-width:18px;height:18px;padding:0;transition:border-color .15s,background-color .15s;display:inline-flex;position:relative}[data-has-label] ._4K_GZG_Checkbox{top:1px}@media (hover:hover) and (pointer:fine){._4K_GZG_Checkbox:where(:not([data-disabled],[data-state=checked])):hover{border-color:var(--lightningcss-light,var(--gray-300))var(--lightningcss-dark,var(--gray-600))}}._4K_GZG_Checkbox[data-state=indeterminate],._4K_GZG_Checkbox[data-state=checked]{border-color:var(--gray-900);background-color:var(--gray-900)}._4K_GZG_Checkbox:focus{outline:none}._4K_GZG_Checkbox:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}._4K_GZG_Checkbox[data-disabled]{border-color:var(--lightningcss-light,var(--gray-150))var(--lightningcss-dark,var(--gray-300));background:var(--lightningcss-light,var(--gray-25))var(--lightningcss-dark,var(--gray-200));cursor:not-allowed}._4K_GZG_Checkbox[data-disabled][data-state=checked]{border-color:var(--lightningcss-light,var(--gray-300))var(--lightningcss-dark,var(--gray-200));background-color:var(--lightningcss-light,var(--gray-300))var(--lightningcss-dark,var(--gray-200))}._4K_GZG_CheckMark{transform-origin:50%;width:64%;height:32%;transition:opacity .15s,transform .15s;position:absolute;top:0;left:0;transform:rotate(-45deg)translate(-10%,100%)}@starting-style{._4K_GZG_CheckMark{opacity:0}}[data-state=indeterminate] ._4K_GZG_CheckMark{transform:translate(30%,80%)}[data-state=indeterminate] ._4K_GZG_CheckMark:before{opacity:0}._4K_GZG_CheckMark:before,._4K_GZG_CheckMark:after{background:var(--gray-0);content:"";will-change:transform;display:block;position:absolute}@starting-style{._4K_GZG_CheckMark:before,._4K_GZG_CheckMark:after{transform:scale(0)}}:where([data-theme=dark]) ._4K_GZG_CheckMark[data-disabled]:before,:where([data-theme=dark]) ._4K_GZG_CheckMark[data-disabled]:after{background:var(--gray-100)}._4K_GZG_CheckMark:before{transform-origin:0 0;width:2px;transition:transform .1s 80ms,opacity .2s;top:0;bottom:0;left:0}._4K_GZG_CheckMark [data-state=indeterminate]:before{opacity:0}._4K_GZG_CheckMark:after{transform-origin:0 100%;height:2px;transition:transform .1s .16s;bottom:0;left:0;right:0}._4K_GZG_Label{cursor:pointer;align-items:center;min-height:20px;font-size:14px;line-height:20px;display:flex}[data-disabled] ._4K_GZG_Label{cursor:not-allowed}[data-orientation=left] ._4K_GZG_Label{padding-left:8px}[data-orientation=right] ._4K_GZG_Label{padding-right:8px}.ANObbW_Badge{--indicator-size:var(--badge-indicator-size);align-items:center;gap:calc(var(--spacing)*1);height:var(--badge-size);padding:0 var(--badge-gutter);border-radius:var(--badge-radius);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);letter-spacing:var(--badge-tracking);white-space:nowrap;display:inline-flex}.ANObbW_Badge svg:where(:not([data-no-autosize])){font-size:var(--badge-icon-font-size)}:where(.ANObbW_Badge svg:where(:not([data-no-autosize])):first-child:not(:only-child)){margin-left:var(--badge-icon-offset,-1px)}:where(.ANObbW_Badge svg:where(:not([data-no-autosize])):last-child:not(:only-child)){margin-right:var(--badge-icon-offset,-1px)}.ANObbW_Badge[data-variant=soft]{background-color:var(--badge-background-color);color:var(--badge-text-color)}.ANObbW_Badge[data-variant=soft]:where([data-color=secondary]){--badge-background-color:var(--color-background-secondary-soft-alpha);--badge-text-color:var(--color-text-secondary-soft)}.ANObbW_Badge[data-variant=soft]:where([data-color=success]){--badge-background-color:var(--color-background-success-soft-alpha);--badge-text-color:var(--color-text-success-soft)}.ANObbW_Badge[data-variant=soft]:where([data-color=warning]){--badge-background-color:var(--color-background-warning-soft-alpha);--badge-text-color:var(--color-text-warning-soft)}.ANObbW_Badge[data-variant=soft]:where([data-color=danger]){--badge-background-color:var(--color-background-danger-soft-alpha);--badge-text-color:var(--color-text-danger-soft)}.ANObbW_Badge[data-variant=soft]:where([data-color=info]){--badge-background-color:var(--color-background-info-soft-alpha);--badge-text-color:var(--color-text-info-soft)}.ANObbW_Badge[data-variant=soft]:where([data-color=discovery]){--badge-background-color:var(--color-background-discovery-soft-alpha);--badge-text-color:var(--color-text-discovery-soft)}.ANObbW_Badge[data-variant=solid]{background-color:var(--badge-background-color);color:var(--badge-text-color)}.ANObbW_Badge[data-variant=solid]:where([data-color=secondary]){--badge-background-color:var(--color-background-secondary-solid);--badge-text-color:var(--color-text-secondary-solid)}.ANObbW_Badge[data-variant=solid]:where([data-color=success]){--badge-background-color:var(--color-background-success-solid);--badge-text-color:var(--color-text-success-solid)}.ANObbW_Badge[data-variant=solid]:where([data-color=warning]){--badge-background-color:var(--color-background-warning-solid);--badge-text-color:var(--color-text-warning-solid)}.ANObbW_Badge[data-variant=solid]:where([data-color=danger]){--badge-background-color:var(--color-background-danger-solid);--badge-text-color:var(--color-text-danger-solid)}.ANObbW_Badge[data-variant=solid]:where([data-color=info]){--badge-background-color:var(--color-background-info-solid);--badge-text-color:var(--color-text-info-solid)}.ANObbW_Badge[data-variant=solid]:where([data-color=discovery]){--badge-background-color:var(--color-background-discovery-solid);--badge-text-color:var(--color-text-discovery-solid)}.ANObbW_Badge[data-variant=outline]{box-shadow:0 0 0 1px var(--badge-border-color) inset;color:var(--badge-text-color)}.ANObbW_Badge[data-variant=outline]:where([data-color=secondary]){--badge-border-color:var(--color-border-secondary-outline);--badge-text-color:var(--color-text-secondary-outline)}.ANObbW_Badge[data-variant=outline]:where([data-color=success]){--badge-border-color:var(--color-border-success-outline);--badge-text-color:var(--color-text-success-outline)}.ANObbW_Badge[data-variant=outline]:where([data-color=warning]){--badge-border-color:var(--color-border-warning-outline);--badge-text-color:var(--color-text-warning-outline)}.ANObbW_Badge[data-variant=outline]:where([data-color=danger]){--badge-border-color:var(--color-border-danger-outline);--badge-text-color:var(--color-text-danger-outline)}.ANObbW_Badge[data-variant=outline]:where([data-color=info]){--badge-border-color:var(--color-border-info-outline);--badge-text-color:var(--color-text-info-outline)}.ANObbW_Badge[data-variant=outline]:where([data-color=discovery]){--badge-border-color:var(--color-border-discovery-outline);--badge-text-color:var(--color-text-discovery-outline)}.ANObbW_Badge:where([data-size=sm]){--badge-size:var(--badge-size-sm);--badge-gutter:var(--badge-gutter-sm);--badge-font-size:var(--badge-font-size-sm);--badge-font-weight:var(--badge-font-weight-sm);--badge-tracking:var(--badge-tracking-sm);--badge-radius:var(--badge-radius-sm);--badge-icon-font-size:var(--badge-icon-font-size-sm);--badge-indicator-size:var(--badge-indicator-size-sm)}.ANObbW_Badge:where([data-size=md]){--badge-size:var(--badge-size-md);--badge-gutter:var(--badge-gutter-md);--badge-font-size:var(--badge-font-size-md);--badge-font-weight:var(--badge-font-weight-md);--badge-tracking:var(--badge-tracking-md);--badge-radius:var(--badge-radius-md);--badge-icon-font-size:var(--badge-icon-font-size-md);--badge-indicator-size:var(--badge-indicator-size-md)}.ANObbW_Badge:where([data-size=lg]){--badge-size:var(--badge-size-lg);--badge-gutter:var(--badge-gutter-lg);--badge-font-size:var(--badge-font-size-lg);--badge-font-weight:var(--badge-font-weight-lg);--badge-tracking:var(--badge-tracking-lg);--badge-radius:var(--badge-radius-lg);--badge-icon-font-size:var(--badge-icon-font-size-lg);--badge-indicator-size:var(--badge-indicator-size-lg)}.ANObbW_Badge:where([data-pill]){--badge-radius:var(--radius-full);padding:0 calc(var(--badge-gutter) * var(--control-gutter-pill-scaling))}.ggiM4a_Container{--textarea-line-height:20px;--textarea-font-weight:var(--font-weight-normal);--textarea-color:var(--color-text);--textarea-gutter-y:calc(.5 * calc(var(--textarea-base-height) - var(--textarea-line-height)));--textarea-min-height:calc((var(--textarea-gutter-y) * 2) + (var(--textarea-line-height) * var(--textarea-min-rows)));--textarea-max-height:calc((var(--textarea-gutter-y) * 2) + (var(--textarea-line-height) * var(--textarea-max-rows)))}.ggiM4a_Container:where([data-size="3xs"]){--textarea-base-height:var(--control-size-3xs);--textarea-font-size:var(--control-font-size-sm);--textarea-radius:var(--control-radius-sm);--textarea-gutter-x:var(--control-gutter-xs)}.ggiM4a_Container:where([data-size="2xs"]){--textarea-base-height:var(--control-size-2xs);--textarea-font-size:var(--control-font-size-sm);--textarea-radius:var(--control-radius-sm);--textarea-gutter-x:var(--control-gutter-xs)}.ggiM4a_Container:where([data-size=xs]){--textarea-base-height:var(--control-size-xs);--textarea-font-size:var(--control-font-size-md);--textarea-radius:var(--control-radius-sm);--textarea-gutter-x:var(--control-gutter-xs)}.ggiM4a_Container:where([data-size=sm]){--textarea-base-height:var(--control-size-sm);--textarea-font-size:var(--control-font-size-md);--textarea-radius:var(--control-radius-md);--textarea-gutter-x:var(--control-gutter-sm)}.ggiM4a_Container:where([data-size=md]){--textarea-base-height:var(--control-size-md);--textarea-font-size:var(--control-font-size-md);--textarea-radius:var(--control-radius-md);--textarea-gutter-x:var(--control-gutter-md)}.ggiM4a_Container:where([data-size=lg]){--textarea-base-height:var(--control-size-lg);--textarea-font-size:var(--control-font-size-md);--textarea-radius:var(--control-radius-md);--textarea-gutter-x:var(--control-gutter-md)}.ggiM4a_Container:where([data-size=xl]){--textarea-base-height:var(--control-size-xl);--textarea-font-size:var(--control-font-size-lg);--textarea-radius:var(--control-radius-lg);--textarea-gutter-x:var(--control-gutter-lg)}.ggiM4a_Container:where([data-size="2xl"]){--textarea-base-height:var(--control-size-2xl);--textarea-font-size:var(--control-font-size-lg);--textarea-radius:var(--control-radius-xl);--textarea-gutter-x:var(--control-gutter-xl)}.ggiM4a_Container:where([data-size="3xl"]){--textarea-base-height:var(--control-size-3xl);--textarea-font-size:var(--control-font-size-lg);--textarea-radius:var(--control-radius-xl);--textarea-gutter-x:var(--control-gutter-xl)}.ggiM4a_Container:where([data-gutter-size="2xs"]){--textarea-gutter-x:var(--control-gutter-2xs)}.ggiM4a_Container:where([data-gutter-size=xs]){--textarea-gutter-x:var(--control-gutter-xs)}.ggiM4a_Container:where([data-gutter-size=sm]){--textarea-gutter-x:var(--control-gutter-sm)}.ggiM4a_Container:where([data-gutter-size=md]){--textarea-gutter-x:var(--control-gutter-md)}.ggiM4a_Container:where([data-gutter-size=lg]){--textarea-gutter-x:var(--control-gutter-lg)}.ggiM4a_Container:where([data-gutter-size=xl]){--textarea-gutter-x:var(--control-gutter-xl)}.ggiM4a_Container{border-radius:var(--textarea-radius);width:100%;color:var(--textarea-color);cursor:text;font-size:var(--textarea-font-size);font-weight:var(--textarea-font-weight);transition-duration:var(--transition-duration-basic);transition-property:color,box-shadow,background-color;transition-timing-function:var(--transition-ease-basic);display:flex;position:relative;overflow:hidden}.ggiM4a_Container:where([data-variant=outline]){box-shadow:0 0 0 1px var(--input-outline-border-color) inset}@media (hover:hover) and (pointer:fine){.ggiM4a_Container:where([data-variant=outline]):not([data-disabled]):hover{box-shadow:0 0 0 1px var(--input-outline-border-color-hover) inset}}.ggiM4a_Container:where([data-variant=outline]):not([data-disabled])[data-focused=true]{box-shadow:0 0 0 1px var(--input-outline-border-color-focus) inset}.ggiM4a_Container:where([data-variant=outline]):not([data-disabled])[data-invalid]{box-shadow:0 0 0 1px var(--input-border-color-invalid) inset}.ggiM4a_Container:where([data-variant=soft]){background-color:var(--input-soft-background-color)}.ggiM4a_Container:where([data-variant=soft]):not([data-disabled])[data-focused=true]{box-shadow:0 0 0 1px var(--input-soft-border-color-focus) inset}.ggiM4a_Container:where([data-variant=soft]):not([data-disabled])[data-invalid]{box-shadow:0 0 0 1px var(--input-border-color-invalid) inset}.ggiM4a_Container[data-invalid] ::selection{background-color:var(--red-a50)}.ggiM4a_Container[data-disabled]{cursor:not-allowed;opacity:.5}.ggiM4a_Textarea{width:100%;max-width:100%;min-height:var(--textarea-min-height);max-height:var(--textarea-max-height);padding:var(--textarea-gutter-y) var(--textarea-gutter-x);appearance:none;box-shadow:none;color:inherit;filter:none;font-size:inherit;font-weight:inherit;line-height:var(--textarea-line-height);resize:var(--textarea-resize,none);background:0 0;border:0;border-radius:0;display:block}.ggiM4a_Textarea:focus{outline:0}.ggiM4a_Textarea:disabled{cursor:not-allowed}.ggiM4a_Textarea::placeholder{color:var(--input-placeholder-text-color);opacity:1}.ggiM4a_Textarea:-webkit-autofill{animation:1ms ggiM4a_native-autofill-in}.ggiM4a_Textarea:-webkit-autofill,.ggiM4a_Textarea:-webkit-autofill:focus,.ggiM4a_Textarea:-webkit-autofill:hover{color:var(--color-text)!important;-webkit-text-fill-color:var(--color-text)!important;transition:background-color 0s 50000s,box-shadow 0s 50000s,filter 0s 50000s!important}.ggiM4a_Textarea:-webkit-autofill-and-obscured,.ggiM4a_Textarea:-webkit-autofill-strong-password,.ggiM4a_Textarea:-webkit-autofill-strong-password-viewable{color:var(--color-text)!important;-webkit-text-fill-color:var(--color-text)!important;transition:background-color 0s 50000s,box-shadow 0s 50000s,filter 0s 50000s!important}.ggiM4a_Textarea:-webkit-autofill:first-line{font-size:16px!important;transition:font-size 0s 50000s!important}.ggiM4a_Textarea::-webkit-resizer{visibility:var(--textarea-resizer-visibility,hidden)}@keyframes ggiM4a_native-autofill-in{0%{opacity:1}to{opacity:1}}}.I-jWua_ShimmerText{--shimmer-start:-100%;--shimmer-end:250%;--shimmer-contrast:#ffffffbf;--shimmer-text-color:var(--color-token-text-secondary)}.I-jWua_ShimmerText[data-active]{color:var(--shimmer-text-color);background:var(--shimmer-text-color) linear-gradient(to right, var(--shimmer-text-color) 0%, var(--shimmer-contrast) 40%, var(--shimmer-contrast) 60%, var(--shimmer-text-color) 100%);background:var(--shimmer-text-color) -webkit-gradient(linear, 100% 0, 0 0, from(var(--shimmer-text-color)), color-stop(.4, var(--shimmer-contrast)), color-stop(.6, var(--shimmer-contrast)), to(var(--shimmer-text-color)));background-position:var(--shimmer-start) top;-webkit-text-fill-color:transparent;background-repeat:no-repeat;background-size:50% 200%;-webkit-background-clip:text;background-clip:text;animation:2s infinite I-jWua_Shimmer;display:inline-block}@media (prefers-reduced-motion:reduce){.I-jWua_ShimmerText[data-active]{animation:none}}.dark .I-jWua_ShimmerText{--shimmer-contrast:#0009}[dir=rtl] .I-jWua_ShimmerText{--shimmer-start:200%;--shimmer-end:-150%}@keyframes I-jWua_Shimmer{0%{background-position:var(--shimmer-start) top}to{background-position:var(--shimmer-end) top}}.dC4FyW_Root{background:var(--border-light);color:var(--text-primary);border:0;border-radius:9999px;width:100%;height:3px;position:relative;overflow:hidden}.dC4FyW_Fill{border-radius:inherit;transform-origin:0;will-change:transform;background:currentColor;width:100%;height:100%;transition:transform .28s linear}@media (prefers-reduced-motion:reduce){.dC4FyW_Fill{transition:none}}.dC4FyW_IndeterminateFill{border-radius:inherit;will-change:left, transform;background:currentColor;width:20%;height:100%;animation:2.5s linear infinite dC4FyW_indeterminate-progress;position:absolute;left:0;transform:translate(-100%)}@media (prefers-reduced-motion:reduce){.dC4FyW_IndeterminateFill{animation:none;left:40%;transform:none}}@keyframes dC4FyW_indeterminate-progress{0%{left:0;transform:translate(-100%)}to{left:100%;transform:translate(0)}}@layer theme{:where(.general-agent-cot-root){--text-primary:#0d0d0d;--text-secondary:#5d5d5d;--text-tertiary:#626262;--text-quaternary:#929292;--color-token-text-primary:var(--text-primary);--color-token-text-secondary:var(--text-secondary);--color-token-text-tertiary:var(--text-tertiary);--color-token-text-quaternary:var(--text-quaternary);--bg-primary:#fff;--bg-secondary:#f6f6f8;--bg-tertiary:#efeff2;--color-token-bg-primary:var(--bg-primary);--color-token-bg-secondary:var(--bg-secondary);--color-token-bg-tertiary:var(--bg-tertiary);--main-surface-primary:#fff;--main-surface-secondary:#f8f8fa;--main-surface-tertiary:#edeff3;--color-token-main-surface-primary:var(--main-surface-primary);--color-token-main-surface-secondary:var(--main-surface-secondary);--color-token-main-surface-tertiary:var(--main-surface-tertiary);--surface-hover:#0d0d0d0d;--color-token-surface-hover:var(--surface-hover);--border-light:#0d0d0d1a;--border-medium:#0d0d0d2e;--border-default:#0d0d0d24;--color-token-border-light:var(--border-light);--color-token-border-medium:var(--border-medium);--color-token-border-default:var(--border-default);--sidebar-surface:#f7f8fa;--color-token-sidebar-surface:var(--sidebar-surface);--color-text-secondary:#00000080;--button-font-weight:var(--font-weight-medium);--control-font-size-sm:var(--font-text-md-size);--control-font-size-md:var(--font-text-md-size);--control-font-size-lg:var(--font-text-md-size);--font-weight-normal:400;--radius-md:.5rem;--color-text:var(--text-primary);--color-border:#0d0d0d1a;--gray-25:#fcfcfc;--codeblock-background-color:var(--gray-25);--codeblock-syntax-1:#c0660d;--codeblock-syntax-2:#0a66d1;--codeblock-syntax-3:#138a36;--codeblock-syntax-4:#d14f8a;--codeblock-syntax-5:#8b5cf6}:where(.general-agent-cot-root[data-theme=dark]),:where(.dark .general-agent-cot-root:not([data-theme])){--text-primary:#fffffffa;--text-secondary:#ffffffd1;--text-tertiary:#ffffffa6;--text-quaternary:#ffffff80;--color-token-text-primary:var(--text-primary);--color-token-text-secondary:var(--text-secondary);--color-token-text-tertiary:var(--text-tertiary);--color-token-text-quaternary:var(--text-quaternary);--bg-primary:#101011;--bg-secondary:#161618;--bg-tertiary:#1f1f22;--color-token-bg-primary:var(--bg-primary);--color-token-bg-secondary:var(--bg-secondary);--color-token-bg-tertiary:var(--bg-tertiary);--main-surface-primary:#171717;--main-surface-secondary:#1d1d1d;--main-surface-tertiary:#252528;--color-token-main-surface-primary:var(--main-surface-primary);--color-token-main-surface-secondary:var(--main-surface-secondary);--color-token-main-surface-tertiary:var(--main-surface-tertiary);--surface-hover:#ffffff14;--color-token-surface-hover:var(--surface-hover);--border-light:#ffffff29;--border-medium:#ffffff3d;--border-default:#fff3;--color-token-border-light:var(--border-light);--color-token-border-medium:var(--border-medium);--color-token-border-default:var(--border-default);--sidebar-surface:#1a1a1d;--color-token-sidebar-surface:var(--sidebar-surface);--color-text-secondary:#ffffff80;--color-text:var(--text-primary);--color-border:#ffffff1f;--gray-25:#101010;--codeblock-background-color:var(--gray-25);--codeblock-syntax-1:#f4d35e;--codeblock-syntax-2:#93c5fd;--codeblock-syntax-3:#86efac;--codeblock-syntax-4:#f9a8d4;--codeblock-syntax-5:#d8b4fe}}.wUcTxa_Card{border-radius:var(--radius-3xl);background:var(--color-surface-elevated);box-shadow:0 3px 9px 0 #0000000d, 0 0 0 var(--hairline) var(--alpha-15)}.wUcTxa_Card[data-interactive]{cursor:pointer;transition:background-color var(--transition-duration-basic) var(--transition-ease-basic);-webkit-user-select:none;user-select:none}@media (hover:hover) and (pointer:fine){.wUcTxa_Card[data-interactive]:hover{background:var(--color-surface-elevated-secondary)}}.KrcFfq_Header{height:56px;padding:calc(var(--spacing)*4);justify-content:space-between;align-items:center;display:flex}.KrcFfq_Body{padding:0 calc(var(--spacing)*4) calc(var(--spacing)*4) calc(var(--spacing)*4)}.KrcFfq_Separator{border-top-color:var(--color-border)}@keyframes BZ_Pyq_fade-in{to{opacity:1}}.BZ_Pyq_root .BZ_Pyq_fadeIn,.BZ_Pyq_root hr,.BZ_Pyq_root li,.BZ_Pyq_root tr,.BZ_Pyq_root blockquote,.BZ_Pyq_root code,.BZ_Pyq_root pre{opacity:0;animation:BZ_Pyq_fade-in var(--duration,.7s) cubic-bezier(.37, .55, .86, .88) forwards}@media (prefers-reduced-motion:reduce){.BZ_Pyq_root .BZ_Pyq_fadeIn,.BZ_Pyq_root hr,.BZ_Pyq_root li,.BZ_Pyq_root tr,.BZ_Pyq_root blockquote,.BZ_Pyq_root code,.BZ_Pyq_root pre{--duration:0s;opacity:1}}@keyframes QKycbG_fade{0%{opacity:0}to{opacity:1}}.QKycbG_markdown.markdown .katex-error{display:none}.QKycbG_markdown.markdown .katex-display{opacity:0;animation:.4s 50ms forwards QKycbG_fade}.QKycbG_markdown.markdown p{margin-bottom:0!important}@supports selector(::scroll-button(*)){@media (pointer:fine){.xuHWuq_carousel{scrollbar-width:none;scroll-padding-inline:calc(9 * var(--spacing));scroll-snap-type:x mandatory;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.xuHWuq_carousel{scroll-behavior:auto}}.xuHWuq_carousel::scroll-button(*){aspect-ratio:1;background-color:var(--main-surface-primary);border:1px solid var(--border-medium);color:var(--text-primary);width:calc(9 * var(--spacing));cursor:pointer;border-radius:50%;justify-content:center;align-items:center;line-height:0;transition:opacity .15s ease-in-out;display:flex;position:absolute;top:50%}@starting-style{.xuHWuq_carousel::scroll-button(*){opacity:0}}.xuHWuq_carousel::scroll-button(*):hover{background-color:var(--main-surface-secondary)}.xuHWuq_carousel::scroll-button(*):disabled{opacity:0;pointer-events:none}.xuHWuq_carousel::scroll-button(left){content:url("data:image/svg+xml;utf8,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.80073 3.27765C7.05872 3.10739 7.40946 3.13571 7.63667 3.36261C7.89637 3.62231 7.89637 4.04432 7.63667 4.30402L4.60542 7.33527H13L13.1337 7.34894C13.4368 7.4109 13.665 7.6789 13.665 8.00031C13.6648 8.32162 13.4368 8.58979 13.1337 8.65168L13 8.66535H4.6064L7.63667 11.6966L7.72163 11.8011C7.89202 12.0592 7.86389 12.4098 7.63667 12.637C7.40942 12.8641 7.05879 12.8924 6.80073 12.722L6.69624 12.637L2.52925 8.47003C2.26993 8.21036 2.26982 7.78921 2.52925 7.5296L6.69624 3.36261L6.80073 3.27765Z\" /></svg>");left:0;transform:translate(-50%,-50%)}@container (width<43rem){.xuHWuq_carousel::scroll-button(left){transform:translate(calc(-1 * (var(--thread-content-margin) - 2 * var(--spacing))), -50%)}}.dark .xuHWuq_carousel::scroll-button(left){content:url("data:image/svg+xml;utf8,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.80073 3.27765C7.05872 3.10739 7.40946 3.13571 7.63667 3.36261C7.89637 3.62231 7.89637 4.04432 7.63667 4.30402L4.60542 7.33527H13L13.1337 7.34894C13.4368 7.4109 13.665 7.6789 13.665 8.00031C13.6648 8.32162 13.4368 8.58979 13.1337 8.65168L13 8.66535H4.6064L7.63667 11.6966L7.72163 11.8011C7.89202 12.0592 7.86389 12.4098 7.63667 12.637C7.40942 12.8641 7.05879 12.8924 6.80073 12.722L6.69624 12.637L2.52925 8.47003C2.26993 8.21036 2.26982 7.78921 2.52925 7.5296L6.69624 3.36261L6.80073 3.27765Z\" /></svg>")}.xuHWuq_carousel::scroll-button(right){content:url("data:image/svg+xml;utf8,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.36328 3.36261C8.59049 3.13571 8.94123 3.10739 9.19922 3.27765L9.30371 3.36261L13.4707 7.5296L13.5557 7.6341C13.7259 7.89208 13.6976 8.24282 13.4707 8.47003L9.30371 12.637C9.04407 12.8967 8.62299 12.8966 8.36328 12.637C8.10358 12.3773 8.10358 11.9563 8.36328 11.6966L11.3936 8.66535H3C2.63284 8.66535 2.33514 8.36743 2.33496 8.00031C2.33496 7.63304 2.63273 7.33527 3 7.33527H11.3945L8.36328 4.30402L8.27832 4.19953C8.10759 3.94137 8.13592 3.58997 8.36328 3.36261Z\" /></svg>");right:0;transform:translate(50%,-50%)}@container (width<43rem){.xuHWuq_carousel::scroll-button(right){transform:translate(calc(var(--thread-content-margin) - 2 * var(--spacing)), -50%)}}.dark .xuHWuq_carousel::scroll-button(right){content:url("data:image/svg+xml;utf8,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.36328 3.36261C8.59049 3.13571 8.94123 3.10739 9.19922 3.27765L9.30371 3.36261L13.4707 7.5296L13.5557 7.6341C13.7259 7.89208 13.6976 8.24282 13.4707 8.47003L9.30371 12.637C9.04407 12.8967 8.62299 12.8966 8.36328 12.637C8.10358 12.3773 8.10358 11.9563 8.36328 11.6966L11.3936 8.66535H3C2.63284 8.66535 2.33514 8.36743 2.33496 8.00031C2.33496 7.63304 2.63273 7.33527 3 7.33527H11.3945L8.36328 4.30402L8.27832 4.19953C8.10759 3.94137 8.13592 3.58997 8.36328 3.36261Z\" /></svg>")}}}.R6Vx5W_threadScrollVars{--thread-stream-context-height:max(22 * var(--spacing), var(--thread-show-context-pct,1/3) * var(--scroll-root-safe-area-height));--thread-response-height:calc(var(--scroll-root-safe-area-height) - var(--thread-stream-context-height))}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-leading:initial;--tw-content:"";--tw-font-weight:initial}}}.wcDTda_prosemirror-parent .ProseMirror[contenteditable]{outline-style:var(--tw-outline-style);--tw-outline-style:none;outline-width:0;outline-style:none}.wcDTda_fallbackTextarea,.wcDTda_prosemirror-parent .ProseMirror{margin-top:calc(var(--spacing,.25rem) * 4);margin-bottom:calc(var(--spacing,.25rem) * 0);padding-inline:calc(var(--spacing,.25rem) * 0);padding-top:calc(var(--spacing,.25rem) * 0);padding-bottom:calc(var(--spacing,.25rem) * 4);word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0;transform:translateY(-.5px)}.wcDTda_fallbackTextarea{box-sizing:content-box;height:calc(var(--spacing,.25rem) * 10);resize:none;border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 0);color:var(--text-primary);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#0000;border-width:0;display:block}.wcDTda_fallbackTextarea::placeholder{color:var(--text-tertiary);padding-inline-start:1px}.wcDTda_fallbackTextarea{height:1lh}@container wcDTda_thread (width>=640px){:is(.wcDTda_prosemirror-parent[data-size=lg] .ProseMirror,.wcDTda_prosemirror-parent[data-size=lg] .wcDTda_fallbackTextarea){margin-top:calc(var(--spacing,.25rem) * 3.5);padding-bottom:calc(var(--spacing,.25rem) * 3.5);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));white-space:pre-wrap}:is(.wcDTda_prosemirror-parent[data-size=xl] .ProseMirror,.wcDTda_prosemirror-parent[data-size=xl] .wcDTda_fallbackTextarea){margin-top:calc(var(--spacing,.25rem) * 3.5);padding-bottom:calc(var(--spacing,.25rem) * 3.5);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));white-space:pre-wrap}}.wcDTda_prosemirror-parent.ProseMirror br{--tw-leading:normal;line-height:normal}.wcDTda_prosemirror-parent.default-browser .placeholder:after{pointer-events:none;cursor:text;color:var(--text-tertiary);--tw-content:attr(data-placeholder);content:var(--tw-content);padding-left:1px;position:relative}.wcDTda_prosemirror-parent.firefox .placeholder:before{pointer-events:none;cursor:text;color:var(--text-tertiary);--tw-content:attr(data-placeholder);content:var(--tw-content);padding-left:1px;position:absolute}.wcDTda_prosemirror-parent.default-browser .placeholder .ProseMirror-trailingBreak{display:none!important}.wcDTda_prosemirror-parent p{white-space:pre-wrap}:is(.wcDTda_prosemirror-parent h1,.wcDTda_prosemirror-parent h2,.wcDTda_prosemirror-parent h3,.wcDTda_prosemirror-parent h4,.wcDTda_prosemirror-parent h5,.wcDTda_prosemirror-parent h6){margin-block:calc(var(--spacing,.25rem) * 0);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:pre-wrap;font-size:inherit;line-height:inherit}:is(.wcDTda_prosemirror-parent ul,.wcDTda_prosemirror-parent ol){margin-block:calc(var(--spacing,.25rem) * 0);white-space:normal;padding-inline-start:calc(var(--spacing,.25rem) * 5)}.wcDTda_prosemirror-parent ul{list-style-type:disc}.wcDTda_prosemirror-parent ol{list-style-type:decimal}.wcDTda_prosemirror-parent li{margin-block:calc(var(--spacing,.25rem) * 0);white-space:normal;padding-inline-start:calc(var(--spacing,.25rem) * 0)}.wcDTda_prosemirror-parent li p{margin-block:calc(var(--spacing,.25rem) * 0)}.wcDTda_prosemirror-parent blockquote{margin-block:calc(var(--spacing,.25rem) * 0);border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px;border-color:var(--border-default);color:var(--text-secondary);padding-inline-start:calc(var(--spacing,.25rem) * 3)}.wcDTda_prosemirror-parent pre{margin-block:calc(var(--spacing,.25rem) * 0);border-radius:var(--radius-md,.375rem);background-color:var(--bg-secondary);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));white-space:pre;overflow-x:auto}.wcDTda_prosemirror-parent code{background-color:var(--bg-secondary);padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));border-radius:.25rem}.wcDTda_prosemirror-parent pre code{padding:calc(var(--spacing,.25rem) * 0);background-color:#0000}.wcDTda_prosemirror-parent a{color:var(--text-primary);text-underline-offset:2px;text-decoration-line:underline}.wcDTda_prosemirror-parent p.placeholder{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screen-arch .wcDTda_prosemirror-parent p.placeholder{width:fit-content;view-transition-name:var(--vt-composer-placeholder)}.wcDTda_prosemirror-parent .ProseMirror-separator{display:none!important}.wcDTda_prosemirror-parent .pm-bracket-tag{cursor:text;border-radius:var(--radius-md,.375rem);text-overflow:ellipsis;white-space:nowrap;color:#2f7cf5;background-color:#2f7cf51a;background-color:lab(52.5277% 10.4527 -68.6236/.1);align-items:center;max-width:16rem;display:inline-flex;overflow:hidden}@media (hover:hover){.wcDTda_prosemirror-parent .pm-bracket-tag:hover{color:#0285ff;background-color:#e5f3ff}}.wcDTda_prosemirror-parent .pm-bracket-tag{padding-block:3px;padding-inline:6px}.wcDTda_prosemirror-parent .pm-bracket-tag[data-template-active=true]{box-shadow:0 0 0 1px var(--interactive-border-focus);background-color:var(--interactive-bg-accent-muted-hover)}.wcDTda_prosemirror-parent .ecosystem-mention{cursor:text;border-radius:var(--radius-md,.375rem);text-overflow:ellipsis;white-space:nowrap;color:#2f7cf5;background-color:#2f7cf51a;background-color:lab(52.5277% 10.4527 -68.6236/.1);align-items:center;max-width:16rem;display:inline-flex;overflow:hidden}@media (hover:hover){.wcDTda_prosemirror-parent .ecosystem-mention:hover{color:#0285ff;background-color:#e5f3ff}}.wcDTda_prosemirror-parent .ecosystem-mention{padding-block:3px;padding-inline:6px}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-leading{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-font-weight{syntax:"*";inherits:false}@keyframes e33vkq_working-dot-wave{0%,10%,to{transform:translateY(0)}25%{transform:translateY(1.2px)}55%{transform:translateY(-2px)}70%{transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.e33vkq_waveDot{animation-name:e33vkq_working-dot-wave;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.e33vkq_waveDot:nth-child(2){animation-delay:.1s}.e33vkq_waveDot:nth-child(3){animation-delay:.2s}}._69lA8a_main .prose{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@keyframes sPZ93q_add-top-shadow{0%{box-shadow:0 1px #0000}.1%,to{box-shadow:0 1px 0 var(--border-sharp)}}@keyframes sPZ93q_add-bottom-shadow{0%,99.9%{box-shadow:0 -1px 0 var(--border-sharp)}to{box-shadow:0 -1px #0000}}.sPZ93q_leadingBar{animation:linear both sPZ93q_add-top-shadow;box-shadow:0 1px #0000}.sPZ93q_leadingBarScrollAnimation{animation-timeline:scroll()}.sPZ93q_trailingBar{animation:linear both sPZ93q_add-bottom-shadow;box-shadow:0 -1px #0000}.sPZ93q_trailingBarScrollAnimation{animation-timeline:scroll()}.sPZ93q_primary{background-color:var(--bar-background-color,var(--main-surface-primary))}._56rfYG_screen{display:var(--screen-display,grid);grid-template:"_56rfYG_leading"max-content"_56rfYG_content"1fr"_56rfYG_trailing"max-content"_56rfYG_keyboard"/minmax(0,1fr)}@supports not (overflow:clip){._56rfYG_screen{overflow:var(--screen-overflow,hidden auto)}}@supports (overflow:clip){._56rfYG_screen{overflow:var(--screen-overflow,clip auto)}}._56rfYG_screen{scrollbar-gutter:var(--screen-scrollbar-gutter-override,stable);padding-top:calc(var(--screen-anchor-top) + var(--screen-top-offset,0px));width:100%}._56rfYG_screen [slot=content]{padding-inline:var(--screen-content-inline-padding,var(--screen-inline-padding));position:var(--screen-content-position,relative);grid-area:_56rfYG_content}._56rfYG_screen [slot=leading]{min-width:var(--screen-leading-slot-min-width);overflow:var(--screen-leading-slot-overflow);top:var(--screen-leading-slot-top,0);z-index:var(--screen-leading-slot-z-index,20);grid-area:_56rfYG_leading;position:sticky}._56rfYG_screen [slot=trailing]{bottom:var(--keyboard-safe-area-bottom,0);padding-inline:var(--screen-trailing-inline-padding,var(--screen-inline-padding));z-index:var(--screen-leading-slot-z-index,20);grid-area:_56rfYG_trailing;position:sticky}._56rfYG_screen [slot=keyboard]{height:var(--keyboard-safe-area-bottom,0px);background:#fcfcfc;grid-area:_56rfYG_keyboard;position:sticky;bottom:0}._56rfYG_screen:where([screen-anchor=vertical],[screen-anchor=top]){--safe-area-top:calc(env(_56rfYG_titlebar-area-y,0px) + env(safe-area-inset-top,0px));--screen-anchor-top:var(--safe-area-top)}._56rfYG_screen:where([screen-anchor=vertical],[screen-anchor=bottom]){--safe-area-bottom:env(safe-area-inset-bottom,0px);--keyboard-safe-area-bottom:max(var(--screen-keyboard-height), env(_56rfYG_keyboard-inset-height,0px));--screen-anchor-bottom:var(--safe-area-bottom)}

downloads/Agenten und Körpergrenzen_files/conversation-small-lyj3e98g.css

@@ -0,0 +1 @@
+.OeMrba_wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;width:44px;height:44px;display:inline-flex}.OeMrba_wrapper>input[type=checkbox]{display:none}.OeMrba_wrapper{color:var(--icon-secondary)}@media (hover:hover) and (pointer:fine){.OeMrba_wrapper:hover:not(.OeMrba_disabled){--hover-background:var(--main-surface-secondary)}}.OeMrba_label{background-color:var(--hover-background);color:var(--text-secondary);border-radius:8px;flex:1;justify-content:center;align-items:center;transition:background-color .1s linear;display:flex}.qMYqUG_convSearchResultHighlightRoot{--conv-search-result-highlight-color:var(--yellow-400)}@property --conv-search-result-text-highlight-bg-alpha{syntax:"<number>";inherits:true;initial-value:0}@property --conv-search-result-text-highlight-glow-alpha{syntax:"<number>";inherits:true;initial-value:0}.qMYqUG_convSearchResultHighlightRoot::highlight(conv-search-highlight),.qMYqUG_convSearchResultHighlightRoot ::highlight(conv-search-highlight){background-color:color-mix(in srgb, var(--conv-search-result-highlight-color) calc(var(--conv-search-result-text-highlight-bg-alpha,0) * 100%), transparent);color:inherit;text-shadow:0 0 .3em color-mix(in srgb, var(--conv-search-result-highlight-color) calc(var(--conv-search-result-text-highlight-glow-alpha,0) * 100%), transparent)}.qMYqUG_convSearchResultTextHighlightActive{animation:3.6s ease-out both qMYqUG_convSearchResultTextHighlight}@keyframes qMYqUG_convSearchResultTextHighlight{0%{--conv-search-result-text-highlight-bg-alpha:0;--conv-search-result-text-highlight-glow-alpha:0}15%{--conv-search-result-text-highlight-bg-alpha:.52;--conv-search-result-text-highlight-glow-alpha:.42}55%{--conv-search-result-text-highlight-bg-alpha:.24;--conv-search-result-text-highlight-glow-alpha:.22}to{--conv-search-result-text-highlight-bg-alpha:0;--conv-search-result-text-highlight-glow-alpha:0}}.qMYqUG_convSearchResultTextHighlightSafari.qMYqUG_convSearchResultTextHighlightActive{animation:none}.qMYqUG_convSearchResultTextHighlightSafari.qMYqUG_convSearchResultTextHighlightActive::highlight( conv-search-highlight ),.qMYqUG_convSearchResultTextHighlightSafari.qMYqUG_convSearchResultTextHighlightActive ::highlight(conv-search-highlight){background-color:color-mix(in srgb, var(--conv-search-result-highlight-color) 52%, transparent);text-shadow:0 0 .3em color-mix(in srgb, var(--conv-search-result-highlight-color) 42%, transparent)}.qMYqUG_convSearchResultBlockHighlight{animation:3.6s ease-out qMYqUG_convSearchResultBlockHighlight}@keyframes qMYqUG_convSearchResultBlockHighlight{0%{background-color:color-mix(in srgb, var(--conv-search-result-highlight-color) 0%, transparent);box-shadow:0 0 0 0 color-mix(in srgb, var(--conv-search-result-highlight-color) 0%, transparent)}15%{background-color:color-mix(in srgb, var(--conv-search-result-highlight-color) 20%, transparent);box-shadow:0 0 0 5px color-mix(in srgb, var(--conv-search-result-highlight-color) 32%, transparent)}55%{background-color:color-mix(in srgb, var(--conv-search-result-highlight-color) 8%, transparent);box-shadow:0 0 0 5px color-mix(in srgb, var(--conv-search-result-highlight-color) 16%, transparent)}to{background-color:color-mix(in srgb, var(--conv-search-result-highlight-color) 0%, transparent);box-shadow:0 0 0 0 color-mix(in srgb, var(--conv-search-result-highlight-color) 0%, transparent)}}@keyframes sR_mOW_slide-up{0%{opacity:0;translate:0 20vw}}@keyframes sR_mOW_slide-down{to{opacity:0;translate:0 20vw}}@keyframes sR_mOW_places-sidebar-enter{0%{opacity:0}to{opacity:1}}@keyframes sR_mOW_places-sidebar-exit{0%{opacity:1}to{opacity:0}}@keyframes sR_mOW_pinnedOldFastFade{0%{opacity:1}20%{opacity:0}to{opacity:0}}@view-transition{}.sR_mOW_page-to-page-transition{view-transition-name:none}.sR_mOW_page-to-page-transition body{view-transition-name:sR_mOW_page}@media (prefers-reduced-motion:reduce){.sR_mOW_page-to-page-transition::view-transition{display:none}}.sR_mOW_page-to-page-transition::view-transition-old(sR_mOW_header),.sR_mOW_page-to-page-transition::view-transition-old(sR_mOW_sidebar){display:none}.sR_mOW_page-to-page-transition::view-transition-new(sR_mOW_header),.sR_mOW_page-to-page-transition::view-transition-new(sR_mOW_sidebar){animation:none}.sR_mOW_page-to-page-transition::view-transition-image-pair(sR_mOW_active-image),.sR_mOW_page-to-page-transition::view-transition-old(sR_mOW_active-image),.sR_mOW_page-to-page-transition::view-transition-new(sR_mOW_active-image){height:100%}.sR_mOW_page-to-page-transition::view-transition-image-pair(sR_mOW_page-title),.sR_mOW_page-to-page-transition::view-transition-old(sR_mOW_page-title),.sR_mOW_page-to-page-transition::view-transition-new(sR_mOW_page-title){height:100%}.sR_mOW_page-to-page-transition::view-transition-image-pair(sR_mOW_acive-image),.sR_mOW_page-to-page-transition::view-transition-old(sR_mOW_acive-image),.sR_mOW_page-to-page-transition::view-transition-new(sR_mOW_acive-image){height:100%}.sR_mOW_page-to-page-transition::view-transition-group(*),.sR_mOW_page-to-page-transition::view-transition-old(*),.sR_mOW_page-to-page-transition::view-transition-new(*){animation-duration:.4s;animation-timing-function:var(--spring-fast)}.sR_mOW_page-to-page-transition.from-library.to-conversation,.sR_mOW_page-to-page-transition.from-lightbox.to-conversation{--vt-active-image:active-image}:is(.sR_mOW_page-to-page-transition.to-home,.sR_mOW_page-to-page-transition.from-landing-page)::view-transition-new(sR_mOW_composer){animation:none}.sR_mOW_page-to-page-transition.to-landing-page,.sR_mOW_page-to-page-transition.from-landing-page{--vt-page-header:header;--vt-splash-screen-headline:page-title;--vt-tool-page-title:page-title;--vt-composer:composer;--sidebar-slideover:sidebar}.sR_mOW_page-to-page-transition.to-landing-page::view-transition-new(sR_mOW_page){animation:sR_mOW_slide-up .4s var(--spring-fast)}.sR_mOW_composer-slide{--vt-composer:composer}.sR_mOW_composer-slide::view-transition-old(sR_mOW_composer),.sR_mOW_composer-slide::view-transition-group(sR_mOW_composer){animation-duration:.5s;animation-timing-function:var(--spring-fast)}.sR_mOW_grid-item{--vt-grid-item:grid-item}.sR_mOW_grid-item::view-transition-old(sR_mOW_grid-item),.sR_mOW_grid-item::view-transition-new(sR_mOW_grid-item){object-fit:fill;transform-origin:50%;width:100%;height:100%;animation-duration:.5s;animation-timing-function:var(--spring-fast)}.sR_mOW_pinned-widget{--vt-composer:composer;--vt-disclaimer:disclaimer}.sR_mOW_pinned-widget::view-transition,.sR_mOW_pinned-widget::view-transition-group(sR_mOW_pinned-kanzi-widget),.sR_mOW_pinned-widget::view-transition-image-pair(sR_mOW_pinned-kanzi-widget),.sR_mOW_pinned-widget::view-transition-old(sR_mOW_pinned-kanzi-widget),.sR_mOW_pinned-widget::view-transition-new(sR_mOW_pinned-kanzi-widget){background:0 0}.sR_mOW_pinned-widget::view-transition-old(sR_mOW_pinned-kanzi-widget){animation-name:sR_mOW_pinnedOldFastFade;animation-duration:.1s;animation-timing-function:var(--spring-fast);object-fit:fill;transform-origin:50%;width:100%;height:100%}.sR_mOW_pinned-widget::view-transition-new(sR_mOW_pinned-kanzi-widget){object-fit:fill;transform-origin:50%;width:100%;height:100%;animation-duration:.2s;animation-timing-function:var(--spring-fast)}.sR_mOW_pinned-widget::view-transition-old(sR_mOW_composer),.sR_mOW_pinned-widget::view-transition-group(sR_mOW_composer){z-index:999}.sR_mOW_pinned-widget::view-transition-old(sR_mOW_disclaimer),.sR_mOW_pinned-widget::view-transition-group(sR_mOW_disclaimer){z-index:999}.sR_mOW_pinned-widget.sR_mOW_becoming-inline::view-transition-old(sR_mOW_pinned-kanzi-widget){animation-duration:.25s;animation-delay:.1s}.sR_mOW_pinned-widget.sR_mOW_becoming-inline::view-transition-new(sR_mOW_pinned-kanzi-widget){animation-duration:50ms;animation-delay:.1s}.sR_mOW_becoming-inline{--vt-becoming-inline:1}.sR_mOW_pinned-widget.sR_mOW_becoming-pinned::view-transition-old(sR_mOW_pinned-kanzi-widget){animation-duration:.35s;animation-delay:0s;animation-timing-function:var(--spring-fast)}.sR_mOW_pinned-widget.sR_mOW_becoming-pinned::view-transition-new(sR_mOW_pinned-kanzi-widget){animation-duration:.1s;animation-delay:0s;animation-timing-function:var(--spring-fast)}.sR_mOW_becoming-pinned{--vt-becoming-pinned:1}.sR_mOW_fullscreen-widget-composer-transition{--vt-composer:composer}.sR_mOW_fullscreen-widget-composer-transition::view-transition-old(sR_mOW_composer),.sR_mOW_fullscreen-widget-composer-transition::view-transition-new(sR_mOW_composer){object-fit:fill;transform-origin:50%;width:100%;height:100%;animation-duration:.25s;animation-timing-function:var(--spring-fast)}.sR_mOW_places-overlay-transition{--vt-composer:places-overlay-composer}.sR_mOW_places-overlay-transition::view-transition-group(sR_mOW_business-list-container){z-index:1}.sR_mOW_places-overlay-transition::view-transition-old(sR_mOW_business-list-container),.sR_mOW_places-overlay-transition::view-transition-new(sR_mOW_business-list-container){animation-duration:.22s;animation-timing-function:var(--spring-fast);object-fit:fill;transform-origin:100%;-webkit-backdrop-filter:none;width:100%;height:100%}.sR_mOW_places-overlay-transition::view-transition-old(sR_mOW_business-list-container){animation-name:sR_mOW_places-sidebar-exit}.sR_mOW_places-overlay-transition::view-transition-new(sR_mOW_business-list-container){animation-name:sR_mOW_places-sidebar-enter}.sR_mOW_places-overlay-transition::view-transition-group(sR_mOW_map-with-entities),.sR_mOW_places-overlay-transition::view-transition-old(sR_mOW_map-with-entities),.sR_mOW_places-overlay-transition::view-transition-new(sR_mOW_map-with-entities){z-index:0}.sR_mOW_places-overlay-transition::view-transition-group(sR_mOW_places-overlay-composer),.sR_mOW_places-overlay-transition::view-transition-old(sR_mOW_places-overlay-composer),.sR_mOW_places-overlay-transition::view-transition-new(sR_mOW_places-overlay-composer){z-index:999;animation-duration:.22s;animation-timing-function:var(--spring-fast);object-fit:fill;transform-origin:bottom;width:100%;height:100%}.sR_mOW_fullscreen-popover-thread-opening-transition,.sR_mOW_fullscreen-popover-thread-closing-transition{--vt-composer:composer}:is(.sR_mOW_fullscreen-popover-thread-opening-transition,.sR_mOW_fullscreen-popover-thread-closing-transition)::view-transition-old(sR_mOW_composer),:is(.sR_mOW_fullscreen-popover-thread-opening-transition,.sR_mOW_fullscreen-popover-thread-closing-transition)::view-transition-group(sR_mOW_composer){z-index:999}.sR_mOW_fullscreen-popover-thread-opening-transition::view-transition-new(sR_mOW_fullscreen-popover-thread){z-index:0;transform-origin:bottom;animation:sR_mOW_popover-thread-enter .3s var(--spring-fast) both}.sR_mOW_fullscreen-popover-thread-closing-transition::view-transition-old(sR_mOW_fullscreen-popover-thread){z-index:0;transform-origin:bottom;animation:sR_mOW_popover-thread-exit .3s var(--spring-fast) both}@keyframes sR_mOW_popover-thread-enter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes sR_mOW_popover-thread-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes A_HxFq_user-message-collapse-detect-scroll{0%,to{--user-message-can-scroll:1}}.A_HxFq_root{container:A_HxFq_text-message}.A_HxFq_toggleCheckbox,.A_HxFq_toggleControl,.A_HxFq_showLessLabel{display:none}@supports (animation-timeline:scroll()) and (timeline-scope:--user-message-collapse-scroll) and selector(:has(*)){.A_HxFq_root{--user-message-can-scroll:0;timeline-scope:--user-message-collapse-scroll;animation:linear A_HxFq_user-message-collapse-detect-scroll;animation-timeline:--user-message-collapse-scroll;display:grid}.A_HxFq_content{--user-message-collapse-fade-height:3rem;scroll-timeline-axis:block;scroll-timeline-name:--user-message-collapse-scroll;max-height:11lh;overflow-y:hidden}.A_HxFq_toggleCheckbox{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.A_HxFq_toggleControl{width:fit-content;color:color-mix(in oklab, var(--theme-user-msg-text) 78%, var(--theme-user-msg-bg));cursor:pointer;border-radius:.375rem;align-items:center;gap:.25rem;margin-top:.5rem;padding:.125rem 0;font-size:.875rem;font-weight:500;line-height:1.25rem}.A_HxFq_toggleControl:hover{color:var(--theme-user-msg-text)}.A_HxFq_root:has(.A_HxFq_toggleCheckbox:focus-visible) .A_HxFq_toggleControl{outline:2px solid var(--theme-user-msg-text);outline-offset:2px}.A_HxFq_toggleIcon{width:1rem;height:1rem;color:inherit;fill:currentColor;flex-shrink:0;transition:transform .15s;display:block}@container A_HxFq_text-message style(--user-message-can-scroll:1){.A_HxFq_toggleCheckbox{display:block}.A_HxFq_toggleControl{display:flex}.A_HxFq_content{-webkit-mask-image:linear-gradient(to bottom, black calc(100% - var(--user-message-collapse-fade-height)), transparent);-webkit-mask-image:linear-gradient(to bottom, black calc(100% - var(--user-message-collapse-fade-height)), transparent);-webkit-mask-image:linear-gradient(to bottom, black calc(100% - var(--user-message-collapse-fade-height)), transparent);mask-image:linear-gradient(to bottom, black calc(100% - var(--user-message-collapse-fade-height)), transparent);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.A_HxFq_root:has(.A_HxFq_toggleCheckbox:checked) .A_HxFq_content{max-height:none;overflow-y:visible;-webkit-mask-image:none;mask-image:none}.A_HxFq_root:has(.A_HxFq_toggleCheckbox:checked) .A_HxFq_toggleCheckbox{display:block}.A_HxFq_root:has(.A_HxFq_toggleCheckbox:checked) .A_HxFq_toggleControl{display:flex}.A_HxFq_root:has(.A_HxFq_toggleCheckbox:checked) .A_HxFq_showMoreLabel{display:none}.A_HxFq_root:has(.A_HxFq_toggleCheckbox:checked) .A_HxFq_showLessLabel{display:inline}.A_HxFq_root:has(.A_HxFq_toggleCheckbox:checked) .A_HxFq_toggleIcon{transform:rotate(180deg)}}.q_wpmG_Root{color:var(--text-primary);background:conic-gradient(from 0turn, transparent 0turn, transparent .65turn, color-mix(in srgb, currentColor 15%, transparent) .75turn, color-mix(in srgb, currentColor 35%, transparent) .88turn, color-mix(in srgb, currentColor 55%, transparent) .98turn, transparent 1turn), conic-gradient(from 0turn, color-mix(in srgb, currentColor 15%, transparent) 0turn, color-mix(in srgb, currentColor 15%, transparent) 1turn);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 1.5px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 1.5px),#000 0)}@layer components{.Zufv-W_Container{width:var(--circular-progress-size,28px);height:var(--circular-progress-size,28px);position:relative}.Zufv-W_Container circle{stroke-width:var(--circular-progress-stroke,2px)}.Zufv-W_Track{stroke:var(--circular-progress-track-color,var(--lightningcss-light,#deede9)var(--lightningcss-dark,var(--green-a50)));transition:stroke .15s;position:absolute;top:0;left:0}.Zufv-W_TrackProgress{z-index:2;stroke:var(--circular-progress-track-active-color,var(--green-500));stroke-dasharray:50;stroke-dashoffset:50px;stroke-linecap:round;will-change:transform;transition:stroke-dashoffset .3s;position:absolute;top:0;left:0;transform:rotate(-90deg)}.ToYBsG_LoadingDots{height:var(--font-text-md-line-height);justify-content:flex-start;align-items:center;gap:4px;display:flex}.ToYBsG_Dot{background-color:currentColor;border-radius:100%;width:8px;height:8px;animation:1s infinite both ToYBsG_pulse}.ToYBsG_Dot:nth-child(2){animation-delay:.2s}.ToYBsG_Dot:nth-child(3){animation-delay:.4s}@keyframes ToYBsG_pulse{0%{opacity:.15}20%{opacity:.4}to{opacity:.15}}._1MPsBq_LoadingIndicator{width:var(--indicator-size,1em);height:var(--indicator-size,1em);animation:_1MPsBq_rotate var(--indicator-rotate-duration,.8s) linear infinite;transition:opacity .15s;position:relative}._1MPsBq_LoadingIndicator:before{border:var(--indicator-stroke,2px) solid var(--indicator-color,currentcolor);content:"";border-radius:50%;display:block;position:absolute;inset:0;-webkit-mask-image:conic-gradient(#0000,#000);mask-image:conic-gradient(#0000,#000)}._1MPsBq_LoadingIndicator:after{width:var(--indicator-stroke,2px);height:var(--indicator-stroke,2px);margin-left:calc(var(--indicator-stroke,2px) * -1 / 2);background-color:var(--indicator-color,currentcolor);content:"";border-radius:100%;display:block;position:absolute;top:0;left:50%}@keyframes _1MPsBq_rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.WlXitW_TransitionGroupChild{display:block}.QZcSVW_Button{gap:var(--button-gap);height:var(--button-size);padding:0 var(--button-gutter);border-radius:var(--button-radius);cursor:pointer;font-size:var(--button-font-size);font-weight:var(--button-font-weight);transition-duration:var(--transition-duration-basic);transition-property:opacity,color;transition-timing-function:var(--transition-ease-basic);-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;line-height:1;display:inline-block;position:relative}.QZcSVW_Button:before{border-radius:inherit;content:"";transition-duration:var(--transition-duration-basic);transition-property:opacity,background-color,transform,box-shadow,border-color;transition-timing-function:var(--transition-ease-basic);will-change:transform;display:block;position:absolute;inset:0}.QZcSVW_Button:after{border-radius:inherit;content:"";pointer-events:none;transition-duration:var(--transition-duration-basic);transition-property:transform;transition-timing-function:var(--transition-ease-basic);will-change:transform;display:block;position:absolute;inset:0}.QZcSVW_Button:focus{outline:none}.QZcSVW_Button:focus-visible:after{outline:2px solid var(--button-ring-color,var(--color-ring));outline-offset:var(--button-ring-offset,2px)}.QZcSVW_Button svg:where(:not([data-no-autosize])){width:var(--button-icon-size);height:var(--button-icon-size)}:where(.QZcSVW_Button svg:where(:not([data-no-autosize])):first-child:not(:only-child)){margin-left:var(--button-icon-offset,-1px)}:where(.QZcSVW_Button svg:where(:not([data-no-autosize])):last-child:not(:only-child)){margin-right:var(--button-icon-offset,-1px)}.QZcSVW_Button:where([data-optically-align=start]){margin-inline-start:calc(var(--button-gutter) * -1)}.QZcSVW_Button:where([data-optically-align=start][data-pill]){margin-inline-start:calc(var(--button-gutter) * var(--control-gutter-pill-scaling) * -1)}.QZcSVW_Button:where([data-optically-align=end]){margin-inline-end:calc(var(--button-gutter) * -1)}.QZcSVW_Button:where([data-optically-align=end][data-pill]){margin-inline-end:calc(var(--button-gutter) * var(--control-gutter-pill-scaling) * -1)}.QZcSVW_Button:where([data-optically-align=start][data-uniform]){margin-inline-start:calc(((var(--button-size) - var(--button-icon-size)) / 2) * -1)}.QZcSVW_Button:where([data-optically-align=end][data-uniform]){margin-inline-end:calc(((var(--button-size) - var(--button-icon-size)) / 2) * -1)}.QZcSVW_Button:where([data-size="3xs"]){--button-size:var(--control-size-3xs);--button-gutter:var(--control-gutter-2xs);--button-font-size:var(--control-font-size-sm);--button-icon-size:var(--control-icon-size-xs);--button-gap:var(--button-gap-sm);--button-radius:var(--control-radius-sm);--button-icon-offset:-1px;--indicator-size:11px;--circular-progress-size:11px}.QZcSVW_Button:where([data-size="2xs"]){--button-size:var(--control-size-2xs);--button-gutter:var(--control-gutter-xs);--button-font-size:var(--control-font-size-sm);--button-icon-size:var(--control-icon-size-sm);--button-gap:var(--button-gap-md);--button-radius:var(--control-radius-sm);--button-icon-offset:-1px;--indicator-size:12px;--circular-progress-size:12px}.QZcSVW_Button:where([data-size=xs]){--button-size:var(--control-size-xs);--button-gutter:var(--control-gutter-xs);--button-font-size:var(--control-font-size-md);--button-icon-size:var(--control-icon-size-sm);--button-gap:var(--button-gap-md);--button-radius:var(--control-radius-sm);--button-icon-offset:-1px;--indicator-size:13px;--circular-progress-size:14px}.QZcSVW_Button:where([data-size=sm]){--button-size:var(--control-size-sm);--button-gutter:var(--control-gutter-sm);--button-font-size:var(--control-font-size-md);--button-icon-size:var(--control-icon-size-md);--button-gap:var(--button-gap-md);--button-radius:var(--control-radius-sm);--button-icon-offset:-1px;--indicator-size:15px;--circular-progress-size:15px}.QZcSVW_Button:where([data-size=md]){--button-size:var(--control-size-md);--button-gutter:var(--control-gutter-md);--button-font-size:var(--control-font-size-md);--button-icon-size:var(--control-icon-size-md);--button-gap:var(--button-gap-lg);--button-radius:var(--control-radius-md);--button-icon-offset:-1px;--indicator-size:16px;--circular-progress-size:16px}.QZcSVW_Button:where([data-size=lg]){--button-size:var(--control-size-lg);--button-gutter:var(--control-gutter-md);--button-font-size:var(--control-font-size-md);--button-icon-size:var(--control-icon-size-md);--button-gap:var(--button-gap-lg);--button-radius:var(--control-radius-md);--button-icon-offset:-1px;--indicator-size:16px;--circular-progress-size:16px}.QZcSVW_Button:where([data-size=xl]){--button-size:var(--control-size-xl);--button-gutter:var(--control-gutter-lg);--button-font-size:var(--control-font-size-md);--button-icon-size:var(--control-icon-size-md);--button-gap:var(--button-gap-lg);--button-radius:var(--control-radius-lg);--button-icon-offset:-1px;--indicator-size:18px;--circular-progress-size:18px}.QZcSVW_Button:where([data-size="2xl"]){--button-size:var(--control-size-2xl);--button-gutter:var(--control-gutter-lg);--button-font-size:var(--control-font-size-lg);--button-icon-size:var(--control-icon-size-lg);--button-gap:var(--button-gap-lg);--button-radius:var(--control-radius-xl);--button-icon-offset:-2px;--indicator-size:18px;--circular-progress-size:18px}.QZcSVW_Button:where([data-size="3xl"]){--button-size:var(--control-size-3xl);--button-gutter:var(--control-gutter-xl);--button-font-size:var(--control-font-size-lg);--button-icon-size:var(--control-icon-size-lg);--button-gap:var(--button-gap-lg);--button-radius:var(--control-radius-xl);--button-icon-offset:-2px;--indicator-size:20px;--circular-progress-size:20px}.QZcSVW_Button:where([data-gutter-size="2xs"]){--button-gutter:var(--control-gutter-2xs)}.QZcSVW_Button:where([data-gutter-size=xs]){--button-gutter:var(--control-gutter-xs)}.QZcSVW_Button:where([data-gutter-size=sm]){--button-gutter:var(--control-gutter-sm)}.QZcSVW_Button:where([data-gutter-size=md]){--button-gutter:var(--control-gutter-md)}.QZcSVW_Button:where([data-gutter-size=lg]){--button-gutter:var(--control-gutter-lg)}.QZcSVW_Button:where([data-gutter-size=xl]){--button-gutter:var(--control-gutter-xl)}.QZcSVW_Button:where([data-icon-size=sm]){--button-icon-size:var(--control-icon-size-sm)}.QZcSVW_Button:where([data-icon-size=md]){--button-icon-size:var(--control-icon-size-md)}.QZcSVW_Button:where([data-icon-size=lg]){--button-icon-size:var(--control-icon-size-lg)}.QZcSVW_Button:where([data-icon-size=xl]){--button-icon-size:var(--control-icon-size-xl)}.QZcSVW_Button:where([data-icon-size="2xl"]){--button-icon-size:var(--control-icon-size-2xl)}.QZcSVW_Button:where([data-pill]){--button-radius:var(--radius-full);padding:0 calc(var(--button-gutter) * var(--control-gutter-pill-scaling))}.QZcSVW_Button:where([data-block]){width:100%}.QZcSVW_Button[data-uniform]{--button-gutter:0;width:var(--button-size)}.QZcSVW_Button[data-variant=ghost]{--button-ring-offset:-1px;color:var(--button-text-color)}.QZcSVW_Button[data-variant=ghost]:before{background-color:var(--button-background-color);opacity:0;transform:scale(var(--scale))}.QZcSVW_Button[data-variant=ghost][aria-expanded=true],.QZcSVW_Button[data-variant=ghost][data-state=open]{color:var(--button-text-color-hover)}:is(.QZcSVW_Button[data-variant=ghost][aria-expanded=true],.QZcSVW_Button[data-variant=ghost][data-state=open]):before{opacity:.6;transform:scale(1)}.QZcSVW_Button[data-variant=ghost][data-selected]{color:var(--button-text-color-hover)}.QZcSVW_Button[data-variant=ghost][data-selected]:before{opacity:1;transform:scale(1)}@media (hover:hover) and (pointer:fine){.QZcSVW_Button[data-variant=ghost]:where(:not([data-disabled])):hover{color:var(--button-text-color-hover)}.QZcSVW_Button[data-variant=ghost]:where(:not([data-disabled])):hover:before{opacity:1;transform:scale(1)}}.QZcSVW_Button[data-variant=ghost]:where(:not([data-disabled])):active:before{background-color:var(--button-background-color-active);opacity:1;transform:scale(var(--scale))}.QZcSVW_Button[data-variant=ghost]:where(:not([data-disabled])):active:after{transform:scale(var(--scale))}.QZcSVW_Button[data-variant=ghost]:where([data-color=primary]){--button-background-color:var(--color-background-primary-ghost-hover);--button-background-color-active:var(--color-background-primary-ghost-active);--button-text-color:var(--color-text-primary-ghost);--button-text-color-hover:var(--color-text-primary-ghost-hover);--button-ring-color:var(--color-ring-primary-ghost)}.QZcSVW_Button[data-variant=ghost]:where([data-color=secondary]){--button-background-color:var(--color-background-secondary-ghost-hover);--button-background-color-active:var(--color-background-secondary-ghost-active);--button-text-color:var(--color-text-secondary-ghost);--button-text-color-hover:var(--color-text-secondary-ghost-hover);--button-ring-color:var(--color-ring-secondary-ghost)}.QZcSVW_Button[data-variant=ghost]:where([data-color=danger]){--button-background-color:var(--color-background-danger-ghost-hover);--button-background-color-active:var(--color-background-danger-ghost-active);--button-text-color:var(--color-text-danger-ghost);--button-text-color-hover:var(--color-text-danger-ghost-hover);--button-ring-color:var(--color-ring-danger-ghost)}.QZcSVW_Button[data-variant=ghost]:where([data-color=success]){--button-background-color:var(--color-background-success-ghost-hover);--button-background-color-active:var(--color-background-success-ghost-active);--button-text-color:var(--color-text-success-ghost);--button-text-color-hover:var(--color-text-success-ghost-hover);--button-ring-color:var(--color-ring-success-ghost)}.QZcSVW_Button[data-variant=ghost]:where([data-color=warning]){--button-background-color:var(--color-background-warning-ghost-hover);--button-background-color-active:var(--color-background-warning-ghost-active);--button-text-color:var(--color-text-warning-ghost);--button-text-color-hover:var(--color-text-warning-ghost-hover);--button-ring-color:var(--color-ring-warning-ghost)}.QZcSVW_Button[data-variant=ghost]:where([data-color=caution]){--button-background-color:var(--color-background-caution-ghost-hover);--button-background-color-active:var(--color-background-caution-ghost-active);--button-text-color:var(--color-text-caution-ghost);--button-text-color-hover:var(--color-text-caution-ghost-hover);--button-ring-color:var(--color-ring-caution-ghost)}.QZcSVW_Button[data-variant=ghost]:where([data-color=info]){--button-background-color:var(--color-background-info-ghost-hover);--button-background-color-active:var(--color-background-info-ghost-active);--button-text-color:var(--color-text-info-ghost);--button-text-color-hover:var(--color-text-info-ghost-hover);--button-ring-color:var(--color-ring-info-ghost)}.QZcSVW_Button[data-variant=ghost]:where([data-color=discovery]){--button-background-color:var(--color-background-discovery-ghost-hover);--button-background-color-active:var(--color-background-discovery-ghost-active);--button-text-color:var(--color-text-discovery-ghost);--button-text-color-hover:var(--color-text-discovery-ghost-hover);--button-ring-color:var(--color-ring-discovery-ghost)}.QZcSVW_Button[data-variant=solid]{color:var(--button-text-color)}.QZcSVW_Button[data-variant=solid]:before{background-color:var(--button-background-color)}:is(.QZcSVW_Button[data-variant=solid][aria-expanded=true],.QZcSVW_Button[data-variant=solid][data-state=open],.QZcSVW_Button[data-variant=solid][data-selected]):before{background-color:var(--button-background-color-hover)}@media (hover:hover) and (pointer:fine){.QZcSVW_Button[data-variant=solid]:where(:not([data-disabled])):hover:before{background-color:var(--button-background-color-hover)}}.QZcSVW_Button[data-variant=solid]:where(:not([data-disabled])):active:before{background-color:var(--button-background-color-active)}.QZcSVW_Button[data-variant=solid]:where(:not([data-disabled])):active:before,.QZcSVW_Button[data-variant=solid]:where(:not([data-disabled])):active:after{transform:scale(var(--scale))}.QZcSVW_Button[data-variant=solid]:where([data-color=primary]){--button-background-color:var(--color-background-primary-solid);--button-background-color-hover:var(--color-background-primary-solid-hover);--button-background-color-active:var(--color-background-primary-solid-active);--button-text-color:var(--color-text-primary-solid);--button-ring-color:var(--color-ring-primary-solid)}.QZcSVW_Button[data-variant=solid]:where([data-color=secondary]){--button-background-color:var(--color-background-secondary-solid);--button-background-color-hover:var(--color-background-secondary-solid-hover);--button-background-color-active:var(--color-background-secondary-solid-active);--button-text-color:var(--color-text-secondary-solid);--button-ring-color:var(--color-ring-secondary-solid)}.QZcSVW_Button[data-variant=solid]:where([data-color=success]){--button-background-color:var(--color-background-success-solid);--button-background-color-hover:var(--color-background-success-solid-hover);--button-background-color-active:var(--color-background-success-solid-active);--button-text-color:var(--color-text-success-solid);--button-ring-color:var(--color-ring-success-solid)}.QZcSVW_Button[data-variant=solid]:where([data-color=danger]){--button-background-color:var(--color-background-danger-solid);--button-background-color-hover:var(--color-background-danger-solid-hover);--button-background-color-active:var(--color-background-danger-solid-active);--button-text-color:var(--color-text-danger-solid);--button-ring-color:var(--color-ring-danger-solid)}.QZcSVW_Button[data-variant=solid]:where([data-color=warning]){--button-background-color:var(--color-background-warning-solid);--button-background-color-hover:var(--color-background-warning-solid-hover);--button-background-color-active:var(--color-background-warning-solid-active);--button-text-color:var(--color-text-warning-solid);--button-ring-color:var(--color-ring-warning-solid)}.QZcSVW_Button[data-variant=solid]:where([data-color=caution]){--button-background-color:var(--color-background-caution-solid);--button-background-color-hover:var(--color-background-caution-solid-hover);--button-background-color-active:var(--color-background-caution-solid-active);--button-text-color:var(--color-text-caution-solid);--button-ring-color:var(--color-ring-caution-solid)}.QZcSVW_Button[data-variant=solid]:where([data-color=info]){--button-background-color:var(--color-background-info-solid);--button-background-color-hover:var(--color-background-info-solid-hover);--button-background-color-active:var(--color-background-info-solid-active);--button-text-color:var(--color-text-info-solid);--button-ring-color:var(--color-ring-info-solid)}.QZcSVW_Button[data-variant=solid]:where([data-color=discovery]){--button-background-color:var(--color-background-discovery-solid);--button-background-color-hover:var(--color-background-discovery-solid-hover);--button-background-color-active:var(--color-background-discovery-solid-active);--button-text-color:var(--color-text-discovery-solid);--button-ring-color:var(--color-ring-discovery-solid)}.QZcSVW_Button[data-variant=soft]{color:var(--button-text-color)}.QZcSVW_Button[data-variant=soft]:before{background-color:var(--button-background-color)}:is(.QZcSVW_Button[data-variant=soft][aria-expanded=true],.QZcSVW_Button[data-variant=soft][data-state=open],.QZcSVW_Button[data-variant=soft][data-selected]):before{background-color:var(--button-background-color-hover)}@media (hover:hover) and (pointer:fine){.QZcSVW_Button[data-variant=soft]:where(:not([data-disabled])):hover:before{background-color:var(--button-background-color-hover)}}.QZcSVW_Button[data-variant=soft]:where(:not([data-disabled])):active:before{background-color:var(--button-background-color-active)}.QZcSVW_Button[data-variant=soft]:where(:not([data-disabled])):active:before,.QZcSVW_Button[data-variant=soft]:where(:not([data-disabled])):active:after{transform:scale(var(--scale))}.QZcSVW_Button[data-variant=soft]:where([data-color=primary]){--button-background-color:var(--color-background-primary-soft-alpha);--button-background-color-hover:var(--color-background-primary-soft-alpha-hover);--button-background-color-active:var(--color-background-primary-soft-alpha-active);--button-text-color:var(--color-text-primary-soft);--button-ring-color:var(--color-ring-primary-soft)}.QZcSVW_Button[data-variant=soft]:where([data-color=secondary]){--button-background-color:var(--color-background-secondary-soft-alpha);--button-background-color-hover:var(--color-background-secondary-soft-alpha-hover);--button-background-color-active:var(--color-background-secondary-soft-alpha-active);--button-text-color:var(--color-text-secondary-soft);--button-ring-color:var(--color-ring-secondary-soft)}.QZcSVW_Button[data-variant=soft]:where([data-color=success]){--button-background-color:var(--color-background-success-soft-alpha);--button-background-color-hover:var(--color-background-success-soft-alpha-hover);--button-background-color-active:var(--color-background-success-soft-alpha-active);--button-text-color:var(--color-text-success-soft);--button-ring-color:var(--color-ring-success-soft)}.QZcSVW_Button[data-variant=soft]:where([data-color=danger]){--button-background-color:var(--color-background-danger-soft-alpha);--button-background-color-hover:var(--color-background-danger-soft-alpha-hover);--button-background-color-active:var(--color-background-danger-soft-alpha-active);--button-text-color:var(--color-text-danger-soft);--button-ring-color:var(--color-ring-danger-soft)}.QZcSVW_Button[data-variant=soft]:where([data-color=warning]){--button-background-color:var(--color-background-warning-soft-alpha);--button-background-color-hover:var(--color-background-warning-soft-alpha-hover);--button-background-color-active:var(--color-background-warning-soft-alpha-active);--button-text-color:var(--color-text-warning-soft);--button-ring-color:var(--color-ring-warning-soft)}.QZcSVW_Button[data-variant=soft]:where([data-color=caution]){--button-background-color:var(--color-background-caution-soft-alpha);--button-background-color-hover:var(--color-background-caution-soft-alpha-hover);--button-background-color-active:var(--color-background-caution-soft-alpha-active);--button-text-color:var(--color-text-caution-soft);--button-ring-color:var(--color-ring-caution-soft)}.QZcSVW_Button[data-variant=soft]:where([data-color=info]){--button-background-color:var(--color-background-info-soft-alpha);--button-background-color-hover:var(--color-background-info-soft-alpha-hover);--button-background-color-active:var(--color-background-info-soft-alpha-active);--button-text-color:var(--color-text-info-soft);--button-ring-color:var(--color-ring-info-soft)}.QZcSVW_Button[data-variant=soft]:where([data-color=discovery]){--button-background-color:var(--color-background-discovery-soft-alpha);--button-background-color-hover:var(--color-background-discovery-soft-alpha-hover);--button-background-color-active:var(--color-background-discovery-soft-alpha-active);--button-text-color:var(--color-text-discovery-soft);--button-ring-color:var(--color-ring-discovery-soft)}.QZcSVW_Button[data-variant=outline]{--button-ring-offset:-1px;color:var(--button-text-color)}.QZcSVW_Button[data-variant=outline]:before{box-shadow:0 0 0 1px var(--button-border-color) inset, var(--button-shadow-custom,0 0 #0000);background-color:#0000}.QZcSVW_Button[data-variant=outline][aria-expanded=true],.QZcSVW_Button[data-variant=outline][data-state=open],.QZcSVW_Button[data-variant=outline][data-selected]{color:var(--button-text-color-hover)}:is(.QZcSVW_Button[data-variant=outline][aria-expanded=true],.QZcSVW_Button[data-variant=outline][data-state=open],.QZcSVW_Button[data-variant=outline][data-selected]):before{background-color:var(--button-background-color-hover);box-shadow:0 0 0 1px var(--button-border-color-hover) inset, var(--button-shadow-custom,0 0 #0000)}@media (hover:hover) and (pointer:fine){.QZcSVW_Button[data-variant=outline]:where(:not([data-disabled])):hover{color:var(--button-text-color-hover)}.QZcSVW_Button[data-variant=outline]:where(:not([data-disabled])):hover:before{background-color:var(--button-background-color-hover);box-shadow:0 0 0 1px var(--button-border-color-hover) inset, var(--button-shadow-custom,0 0 #0000)}}.QZcSVW_Button[data-variant=outline]:where(:not([data-disabled])):active:before{background-color:var(--button-background-color-active);transform:scale(var(--scale))}.QZcSVW_Button[data-variant=outline]:where(:not([data-disabled])):active:after{transform:scale(var(--scale))}.QZcSVW_Button[data-variant=outline]:where([data-color=primary]){--button-background-color-hover:var(--color-background-primary-outline-hover);--button-background-color-active:var(--color-background-primary-outline-active);--button-border-color:var(--color-border-primary-outline);--button-border-color-hover:var(--color-border-primary-outline-hover);--button-text-color:var(--color-text-primary-outline);--button-text-color-hover:var(--color-text-primary-outline-hover);--button-ring-color:var(--color-ring-primary-outline)}.QZcSVW_Button[data-variant=outline]:where([data-color=secondary]){--button-background-color-hover:var(--color-background-secondary-outline-hover);--button-background-color-active:var(--color-background-secondary-outline-active);--button-border-color:var(--color-border-secondary-outline);--button-border-color-hover:var(--color-border-secondary-outline-hover);--button-text-color:var(--color-text-secondary-outline);--button-text-color-hover:var(--color-text-secondary-outline-hover);--button-ring-color:var(--color-ring-secondary-outline)}.QZcSVW_Button[data-variant=outline]:where([data-color=danger]){--button-background-color-hover:var(--color-background-danger-outline-hover);--button-background-color-active:var(--color-background-danger-outline-active);--button-border-color:var(--color-border-danger-outline);--button-border-color-hover:var(--color-border-danger-outline-hover);--button-text-color:var(--color-text-danger-outline);--button-text-color-hover:var(--color-text-danger-outline-hover);--button-ring-color:var(--color-ring-danger-outline)}.QZcSVW_Button[data-variant=outline]:where([data-color=success]){--button-background-color-hover:var(--color-background-success-outline-hover);--button-background-color-active:var(--color-background-success-outline-active);--button-border-color:var(--color-border-success-outline);--button-border-color-hover:var(--color-border-success-outline-hover);--button-text-color:var(--color-text-success-outline);--button-text-color-hover:var(--color-text-success-outline-hover);--button-ring-color:var(--color-ring-success-outline)}.QZcSVW_Button[data-variant=outline]:where([data-color=warning]){--button-background-color-hover:var(--color-background-warning-outline-hover);--button-background-color-active:var(--color-background-warning-outline-active);--button-border-color:var(--color-border-warning-outline);--button-border-color-hover:var(--color-border-warning-outline-hover);--button-text-color:var(--color-text-warning-outline);--button-text-color-hover:var(--color-text-warning-outline-hover);--button-ring-color:var(--color-ring-warning-outline)}.QZcSVW_Button[data-variant=outline]:where([data-color=caution]){--button-background-color-hover:var(--color-background-caution-outline-hover);--button-background-color-active:var(--color-background-caution-outline-active);--button-border-color:var(--color-border-caution-outline);--button-border-color-hover:var(--color-border-caution-outline-hover);--button-text-color:var(--color-text-caution-outline);--button-text-color-hover:var(--color-text-caution-outline-hover);--button-ring-color:var(--color-ring-caution-outline)}.QZcSVW_Button[data-variant=outline]:where([data-color=info]){--button-background-color-hover:var(--color-background-info-outline-hover);--button-background-color-active:var(--color-background-info-outline-active);--button-border-color:var(--color-border-info-outline);--button-border-color-hover:var(--color-border-info-outline-hover);--button-text-color:var(--color-text-info-outline);--button-text-color-hover:var(--color-text-info-outline-hover);--button-ring-color:var(--color-ring-info-outline)}.QZcSVW_Button[data-variant=outline]:where([data-color=discovery]){--button-background-color-hover:var(--color-background-discovery-outline-hover);--button-background-color-active:var(--color-background-discovery-outline-active);--button-border-color:var(--color-border-discovery-outline);--button-border-color-hover:var(--color-border-discovery-outline-hover);--button-text-color:var(--color-text-discovery-outline);--button-text-color-hover:var(--color-text-discovery-outline-hover);--button-ring-color:var(--color-ring-discovery-outline)}.QZcSVW_Button[disabled]{pointer-events:none}.QZcSVW_Button[data-disabled][data-variant]{--button-background-color:var(--color-background-disabled);--button-border-color:var(--color-border-disabled);--button-text-color:var(--color-text-disabled);cursor:not-allowed;pointer-events:auto}.QZcSVW_Button[data-disabled][data-variant]:active:before{transform:scale(1)}.QZcSVW_Button[data-disabled][data-variant][data-disabled-tone=relaxed]{cursor:default}.QZcSVW_ButtonInner{flex-direction:inherit;justify-content:center;align-items:center;gap:inherit;width:100%;height:100%;transition:opacity .15s .1s;display:flex;position:relative}[data-loading] .QZcSVW_ButtonInner{opacity:0;transition:opacity .3s}.QZcSVW_ButtonLoader{z-index:3;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.QZcSVW_ButtonLoader[data-entering]{opacity:0}.QZcSVW_ButtonLoader[data-exiting]{opacity:1}.QZcSVW_ButtonLoader[data-entering-active],.QZcSVW_ButtonLoader[data-entering][data-interrupted]{opacity:1;transition:opacity .15s .1s}.QZcSVW_ButtonLoader[data-exiting-active],.QZcSVW_ButtonLoader[data-exiting][data-interrupted]{opacity:0;transition:opacity .15s}.euUWSq_Tooltip{border-radius:var(--tooltip-border-radius);max-width:300px;animation-name:euUWSq_scale-in;animation-duration:.25s;animation-timing-function:var(--cubic-enter);background:var(--tooltip-background-color);box-shadow:var(--tooltip-box-shadow);color:var(--tooltip-text-color);font-size:var(--tooltip-font-size);font-weight:var(--tooltip-font-weight);line-height:var(--tooltip-line-height);transform-origin:var(--radix-tooltip-content-transform-origin);transition:background-color .15s}.euUWSq_Tooltip[data-state=closed]{animation:euUWSq_scale-out .25s var(--cubic-enter)}.euUWSq_Tooltip[data-clickable=false]{cursor:default}.euUWSq_Tooltip[data-clickable=true]{cursor:pointer}@media (hover:hover) and (pointer:fine){.euUWSq_Tooltip[data-compact=true][data-clickable=true]:hover{background:var(--tooltip-compact-interactive-background-color-hover);color:var(--tooltip-compact-interactive-text-color-hover)}}.euUWSq_Tooltip[data-gutter-size=sm]{padding:var(--tooltip-padding-sm)}.euUWSq_Tooltip[data-gutter-size=md]{padding:var(--tooltip-padding-md)}.euUWSq_Tooltip[data-gutter-size=lg]{padding:var(--tooltip-padding-lg)}.euUWSq_Tooltip[data-compact=true]{padding:var(--tooltip-compact-padding);background:var(--tooltip-compact-background-color);color:var(--tooltip-compact-text-color);font-size:var(--tooltip-compact-font-size);font-weight:var(--tooltip-compact-font-weight)}@keyframes euUWSq_scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes euUWSq_scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}.euUWSq_TriggerDecorator{cursor:pointer;transition:text-decoration .2s var(--cubic-exit);-webkit-text-decoration:underline dotted #0000;text-decoration:underline dotted #0000;display:inline-flex}.euUWSq_TriggerDecorator:focus{outline:0}.euUWSq_TriggerDecorator[data-state*=open]{-webkit-text-decoration-color:var(--color-text-tertiary);-webkit-text-decoration-color:var(--color-text-tertiary);text-decoration-color:var(--color-text-tertiary);transition-timing-function:var(--cubic-enter)}.YlkxtG_TransitionItem{will-change:var(--tg-will-change)}[data-transition-position=absolute] .YlkxtG_TransitionItem[data-exiting],[data-transition-position=absolute] .YlkxtG_TransitionItem:not([data-exiting])+.YlkxtG_TransitionItem[data-entering]{width:100%;position:absolute;top:0;left:0}.YlkxtG_TransitionItem[data-entering]{filter:var(--tg-initial-filter);opacity:var(--tg-initial-opacity);transform:var(--tg-initial-transform)}.YlkxtG_TransitionItem[data-exiting]{filter:var(--tg-enter-filter);opacity:var(--tg-enter-opacity);transform:var(--tg-enter-transform)}.YlkxtG_TransitionItem[data-entering-active],.YlkxtG_TransitionItem[data-entering][data-interrupted]{filter:var(--tg-enter-filter);opacity:var(--tg-enter-opacity);transform:var(--tg-enter-transform);transition:opacity var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay), transform var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay), filter var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay)}.YlkxtG_TransitionItem[data-exiting-active],.YlkxtG_TransitionItem[data-exiting][data-interrupted]{filter:var(--tg-exit-filter,none);opacity:var(--tg-exit-opacity,0);transform:var(--tg-exit-transform,none);transition:opacity var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay), transform var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay), filter var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay)}.YlkxtG_TransitionItem[data-entering][data-interrupted],.YlkxtG_TransitionItem[data-exiting][data-interrupted]{transition-delay:0s}.fKQ0lq_Layout{flex-shrink:0;transition-property:height,width;display:block;position:relative}.fKQ0lq_Layout[data-clip=true]{overflow:hidden}.fKQ0lq_Layout[data-direction=in]{transition-delay:var(--tg-layout-enter-delay);transition-duration:var(--tg-layout-enter-duration);transition-timing-function:var(--tg-layout-enter-timing-function)}.fKQ0lq_Layout[data-direction=out]{transition-delay:var(--tg-layout-exit-delay);transition-duration:var(--tg-layout-exit-duration);transition-timing-function:var(--tg-layout-exit-timing-function)}.fKQ0lq_Layout[data-direction=move]{transition-delay:var(--tg-layout-move-delay);transition-duration:var(--tg-layout-move-duration);transition-timing-function:var(--tg-layout-move-timing-function)}.fKQ0lq_Layout[data-interrupted=true]{transition-delay:0s}.fKQ0lq_TransitionItem{will-change:var(--tg-will-change,auto);flex-shrink:0}.fKQ0lq_TransitionItem[data-entering],.fKQ0lq_TransitionItem[data-exiting]{width:100%;position:absolute;top:0;left:0}.fKQ0lq_Layout[data-dimension=width]>:is(.fKQ0lq_TransitionItem[data-entering],.fKQ0lq_TransitionItem[data-exiting]){width:auto}.fKQ0lq_Layout[data-item-anchor=end]>:is(.fKQ0lq_TransitionItem[data-entering],.fKQ0lq_TransitionItem[data-exiting]){top:initial;bottom:0}.fKQ0lq_Layout[data-item-anchor=end][data-dimension=width]>:is(.fKQ0lq_TransitionItem[data-entering],.fKQ0lq_TransitionItem[data-exiting]){right:0;left:initial}.fKQ0lq_TransitionItem[data-entering]{filter:var(--tg-initial-filter);opacity:var(--tg-initial-opacity);transform:var(--tg-initial-transform)}.fKQ0lq_TransitionItem[data-exiting]{filter:var(--tg-enter-filter);opacity:var(--tg-enter-opacity);transform:var(--tg-enter-transform)}.fKQ0lq_TransitionItem[data-entering-active],.fKQ0lq_TransitionItem[data-entering][data-interrupted]{filter:var(--tg-enter-filter);opacity:var(--tg-enter-opacity);transform:var(--tg-enter-transform);transition:opacity var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay), transform var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay), filter var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay)}.fKQ0lq_TransitionItem[data-exiting-active],.fKQ0lq_TransitionItem[data-exiting][data-interrupted]{filter:var(--tg-exit-filter);opacity:var(--tg-exit-opacity);transform:var(--tg-exit-transform);transition:opacity var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay), transform var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay), filter var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay)}.tFkmiW_LayoutItem{flex-shrink:0;position:relative}.tFkmiW_LayoutItem[data-entering-active],.tFkmiW_LayoutItem[data-entering][data-interrupted]{transition:height var(--tg-layout-enter-duration) var(--tg-layout-enter-timing-function) var(--tg-layout-enter-delay), width var(--tg-layout-enter-duration) var(--tg-layout-enter-timing-function) var(--tg-layout-enter-delay)}.tFkmiW_LayoutItem[data-exiting-active],.tFkmiW_LayoutItem[data-exiting][data-interrupted]{transition:height var(--tg-layout-exit-duration) var(--tg-layout-exit-timing-function) var(--tg-layout-exit-delay), width var(--tg-layout-exit-duration) var(--tg-layout-exit-timing-function) var(--tg-layout-exit-delay)}.tFkmiW_TransitionItem{will-change:var(--tg-will-change);display:block}.tFkmiW_LayoutItem[data-entering]>.tFkmiW_TransitionItem{filter:var(--tg-initial-filter);opacity:var(--tg-initial-opacity);transform:var(--tg-initial-transform)}.tFkmiW_LayoutItem[data-exiting]>.tFkmiW_TransitionItem{filter:var(--tg-enter-filter);opacity:var(--tg-enter-opacity);transform:var(--tg-enter-transform)}.tFkmiW_LayoutItem[data-entering]>.tFkmiW_TransitionItem[data-dimension=width]{position:absolute;top:0;left:0}.tFkmiW_LayoutItem[data-entering-active]>.tFkmiW_TransitionItem,.tFkmiW_LayoutItem[data-entering][data-interrupted]>.tFkmiW_TransitionItem{filter:var(--tg-enter-filter);opacity:var(--tg-enter-opacity);transform:var(--tg-enter-transform);transition:opacity var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay), transform var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay), filter var(--tg-enter-duration) var(--tg-enter-timing-function) var(--tg-enter-delay)}.tFkmiW_LayoutItem[data-exiting-active]>.tFkmiW_TransitionItem,.tFkmiW_LayoutItem[data-exiting][data-interrupted]>.tFkmiW_TransitionItem{filter:var(--tg-exit-filter);opacity:var(--tg-exit-opacity,0);transform:var(--tg-exit-transform);transition:opacity var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay), transform var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay), filter var(--tg-exit-duration) var(--tg-exit-timing-function) var(--tg-exit-delay)}.gnj0oW_CodeBlock{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--codeblock-background-color);position:relative}.gnj0oW_CopyButtonContainer{border-radius:inherit;background-color:var(--codeblock-background-color);padding:10px 10px 0 0;position:absolute;top:0;right:0}.gnj0oW_SyntaxHighlighter{--syntax1:var(--codeblock-syntax-1);--syntax2:var(--codeblock-syntax-2);--syntax3:var(--codeblock-syntax-3);--syntax4:var(--codeblock-syntax-4);--syntax5:var(--codeblock-syntax-5);color:var(--color-text);font-size:.875em;font-weight:var(--font-weight-normal);background:0 0;margin:0;padding:14px 40px 14px 16px;line-height:1.5em;display:block;overflow:auto}.gnj0oW_SyntaxHighlighter .token.property,.gnj0oW_SyntaxHighlighter .token.variable,.gnj0oW_SyntaxHighlighter .token.attr-name,.gnj0oW_SyntaxHighlighter .token.unit,.gnj0oW_SyntaxHighlighter .token.id,.gnj0oW_SyntaxHighlighter .token.selector,.gnj0oW_SyntaxHighlighter .token.entity,.gnj0oW_SyntaxHighlighter .token.tag,.gnj0oW_SyntaxHighlighter .token.type{color:var(--syntax4)}.gnj0oW_SyntaxHighlighter .token.url,.gnj0oW_SyntaxHighlighter .token.boolean,.gnj0oW_SyntaxHighlighter .token.number,.gnj0oW_SyntaxHighlighter .token.important{color:var(--syntax5)}.gnj0oW_SyntaxHighlighter .token.builtin,.gnj0oW_SyntaxHighlighter .token.function,.gnj0oW_SyntaxHighlighter .token.class-name{color:var(--syntax1)}.gnj0oW_SyntaxHighlighter .token.keyword,.gnj0oW_SyntaxHighlighter .token.constant,.gnj0oW_SyntaxHighlighter .token.symbol,.gnj0oW_SyntaxHighlighter .token.deleted{color:var(--syntax2)}.gnj0oW_SyntaxHighlighter .token.string,.gnj0oW_SyntaxHighlighter .token.char,.gnj0oW_SyntaxHighlighter .token.regex,.gnj0oW_SyntaxHighlighter .token.attr-value,.gnj0oW_SyntaxHighlighter .token.inserted{color:var(--syntax3)}.gnj0oW_SyntaxHighlighter .token.comment,.gnj0oW_SyntaxHighlighter .token.prolog,.gnj0oW_SyntaxHighlighter .token.doctype,.gnj0oW_SyntaxHighlighter .token.cdata{color:color-mix(in oklab,var(--color-text) .5,transparent)}.gnj0oW_SyntaxHighlighter .token.punctuation,.gnj0oW_SyntaxHighlighter .token.operator{color:color-mix(in oklab,var(--color-text) .6,transparent)}.gnj0oW_SyntaxHighlighter .token.console{color:var(--color-text)}._4K_GZG_Container{display:flex;position:relative}._4K_GZG_Container[data-has-label]{align-items:flex-start}._4K_GZG_Container[data-orientation=right]{flex-direction:row-reverse}._4K_GZG_Container>input{bottom:0;left:0;right:0;height:1px!important;transform:none!important}._4K_GZG_Checkbox{border:1px solid var(--lightningcss-light,var(--gray-200))var(--lightningcss-dark,var(--gray-500));border-radius:var(--radius-xs);cursor:pointer;background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;width:18px;max-width:18px;height:18px;padding:0;transition:border-color .15s,background-color .15s;display:inline-flex;position:relative}[data-has-label] ._4K_GZG_Checkbox{top:1px}@media (hover:hover) and (pointer:fine){._4K_GZG_Checkbox:where(:not([data-disabled],[data-state=checked])):hover{border-color:var(--lightningcss-light,var(--gray-300))var(--lightningcss-dark,var(--gray-600))}}._4K_GZG_Checkbox[data-state=indeterminate],._4K_GZG_Checkbox[data-state=checked]{border-color:var(--gray-900);background-color:var(--gray-900)}._4K_GZG_Checkbox:focus{outline:none}._4K_GZG_Checkbox:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}._4K_GZG_Checkbox[data-disabled]{border-color:var(--lightningcss-light,var(--gray-150))var(--lightningcss-dark,var(--gray-300));background:var(--lightningcss-light,var(--gray-25))var(--lightningcss-dark,var(--gray-200));cursor:not-allowed}._4K_GZG_Checkbox[data-disabled][data-state=checked]{border-color:var(--lightningcss-light,var(--gray-300))var(--lightningcss-dark,var(--gray-200));background-color:var(--lightningcss-light,var(--gray-300))var(--lightningcss-dark,var(--gray-200))}._4K_GZG_CheckMark{transform-origin:50%;width:64%;height:32%;transition:opacity .15s,transform .15s;position:absolute;top:0;left:0;transform:rotate(-45deg)translate(-10%,100%)}@starting-style{._4K_GZG_CheckMark{opacity:0}}[data-state=indeterminate] ._4K_GZG_CheckMark{transform:translate(30%,80%)}[data-state=indeterminate] ._4K_GZG_CheckMark:before{opacity:0}._4K_GZG_CheckMark:before,._4K_GZG_CheckMark:after{background:var(--gray-0);content:"";will-change:transform;display:block;position:absolute}@starting-style{._4K_GZG_CheckMark:before,._4K_GZG_CheckMark:after{transform:scale(0)}}:where([data-theme=dark]) ._4K_GZG_CheckMark[data-disabled]:before,:where([data-theme=dark]) ._4K_GZG_CheckMark[data-disabled]:after{background:var(--gray-100)}._4K_GZG_CheckMark:before{transform-origin:0 0;width:2px;transition:transform .1s 80ms,opacity .2s;top:0;bottom:0;left:0}._4K_GZG_CheckMark [data-state=indeterminate]:before{opacity:0}._4K_GZG_CheckMark:after{transform-origin:0 100%;height:2px;transition:transform .1s .16s;bottom:0;left:0;right:0}._4K_GZG_Label{cursor:pointer;align-items:center;min-height:20px;font-size:14px;line-height:20px;display:flex}[data-disabled] ._4K_GZG_Label{cursor:not-allowed}[data-orientation=left] ._4K_GZG_Label{padding-left:8px}[data-orientation=right] ._4K_GZG_Label{padding-right:8px}.ANObbW_Badge{--indicator-size:var(--badge-indicator-size);align-items:center;gap:calc(var(--spacing)*1);height:var(--badge-size);padding:0 var(--badge-gutter);border-radius:var(--badge-radius);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);letter-spacing:var(--badge-tracking);white-space:nowrap;display:inline-flex}.ANObbW_Badge svg:where(:not([data-no-autosize])){font-size:var(--badge-icon-font-size)}:where(.ANObbW_Badge svg:where(:not([data-no-autosize])):first-child:not(:only-child)){margin-left:var(--badge-icon-offset,-1px)}:where(.ANObbW_Badge svg:where(:not([data-no-autosize])):last-child:not(:only-child)){margin-right:var(--badge-icon-offset,-1px)}.ANObbW_Badge[data-variant=soft]{background-color:var(--badge-background-color);color:var(--badge-text-color)}.ANObbW_Badge[data-variant=soft]:where([data-color=secondary]){--badge-background-color:var(--color-background-secondary-soft-alpha);--badge-text-color:var(--color-text-secondary-soft)}.ANObbW_Badge[data-variant=soft]:where([data-color=success]){--badge-background-color:var(--color-background-success-soft-alpha);--badge-text-color:var(--color-text-success-soft)}.ANObbW_Badge[data-variant=soft]:where([data-color=warning]){--badge-background-color:var(--color-background-warning-soft-alpha);--badge-text-color:var(--color-text-warning-soft)}.ANObbW_Badge[data-variant=soft]:where([data-color=danger]){--badge-background-color:var(--color-background-danger-soft-alpha);--badge-text-color:var(--color-text-danger-soft)}.ANObbW_Badge[data-variant=soft]:where([data-color=info]){--badge-background-color:var(--color-background-info-soft-alpha);--badge-text-color:var(--color-text-info-soft)}.ANObbW_Badge[data-variant=soft]:where([data-color=discovery]){--badge-background-color:var(--color-background-discovery-soft-alpha);--badge-text-color:var(--color-text-discovery-soft)}.ANObbW_Badge[data-variant=solid]{background-color:var(--badge-background-color);color:var(--badge-text-color)}.ANObbW_Badge[data-variant=solid]:where([data-color=secondary]){--badge-background-color:var(--color-background-secondary-solid);--badge-text-color:var(--color-text-secondary-solid)}.ANObbW_Badge[data-variant=solid]:where([data-color=success]){--badge-background-color:var(--color-background-success-solid);--badge-text-color:var(--color-text-success-solid)}.ANObbW_Badge[data-variant=solid]:where([data-color=warning]){--badge-background-color:var(--color-background-warning-solid);--badge-text-color:var(--color-text-warning-solid)}.ANObbW_Badge[data-variant=solid]:where([data-color=danger]){--badge-background-color:var(--color-background-danger-solid);--badge-text-color:var(--color-text-danger-solid)}.ANObbW_Badge[data-variant=solid]:where([data-color=info]){--badge-background-color:var(--color-background-info-solid);--badge-text-color:var(--color-text-info-solid)}.ANObbW_Badge[data-variant=solid]:where([data-color=discovery]){--badge-background-color:var(--color-background-discovery-solid);--badge-text-color:var(--color-text-discovery-solid)}.ANObbW_Badge[data-variant=outline]{box-shadow:0 0 0 1px var(--badge-border-color) inset;color:var(--badge-text-color)}.ANObbW_Badge[data-variant=outline]:where([data-color=secondary]){--badge-border-color:var(--color-border-secondary-outline);--badge-text-color:var(--color-text-secondary-outline)}.ANObbW_Badge[data-variant=outline]:where([data-color=success]){--badge-border-color:var(--color-border-success-outline);--badge-text-color:var(--color-text-success-outline)}.ANObbW_Badge[data-variant=outline]:where([data-color=warning]){--badge-border-color:var(--color-border-warning-outline);--badge-text-color:var(--color-text-warning-outline)}.ANObbW_Badge[data-variant=outline]:where([data-color=danger]){--badge-border-color:var(--color-border-danger-outline);--badge-text-color:var(--color-text-danger-outline)}.ANObbW_Badge[data-variant=outline]:where([data-color=info]){--badge-border-color:var(--color-border-info-outline);--badge-text-color:var(--color-text-info-outline)}.ANObbW_Badge[data-variant=outline]:where([data-color=discovery]){--badge-border-color:var(--color-border-discovery-outline);--badge-text-color:var(--color-text-discovery-outline)}.ANObbW_Badge:where([data-size=sm]){--badge-size:var(--badge-size-sm);--badge-gutter:var(--badge-gutter-sm);--badge-font-size:var(--badge-font-size-sm);--badge-font-weight:var(--badge-font-weight-sm);--badge-tracking:var(--badge-tracking-sm);--badge-radius:var(--badge-radius-sm);--badge-icon-font-size:var(--badge-icon-font-size-sm);--badge-indicator-size:var(--badge-indicator-size-sm)}.ANObbW_Badge:where([data-size=md]){--badge-size:var(--badge-size-md);--badge-gutter:var(--badge-gutter-md);--badge-font-size:var(--badge-font-size-md);--badge-font-weight:var(--badge-font-weight-md);--badge-tracking:var(--badge-tracking-md);--badge-radius:var(--badge-radius-md);--badge-icon-font-size:var(--badge-icon-font-size-md);--badge-indicator-size:var(--badge-indicator-size-md)}.ANObbW_Badge:where([data-size=lg]){--badge-size:var(--badge-size-lg);--badge-gutter:var(--badge-gutter-lg);--badge-font-size:var(--badge-font-size-lg);--badge-font-weight:var(--badge-font-weight-lg);--badge-tracking:var(--badge-tracking-lg);--badge-radius:var(--badge-radius-lg);--badge-icon-font-size:var(--badge-icon-font-size-lg);--badge-indicator-size:var(--badge-indicator-size-lg)}.ANObbW_Badge:where([data-pill]){--badge-radius:var(--radius-full);padding:0 calc(var(--badge-gutter) * var(--control-gutter-pill-scaling))}.ggiM4a_Container{--textarea-line-height:20px;--textarea-font-weight:var(--font-weight-normal);--textarea-color:var(--color-text);--textarea-gutter-y:calc(.5 * calc(var(--textarea-base-height) - var(--textarea-line-height)));--textarea-min-height:calc((var(--textarea-gutter-y) * 2) + (var(--textarea-line-height) * var(--textarea-min-rows)));--textarea-max-height:calc((var(--textarea-gutter-y) * 2) + (var(--textarea-line-height) * var(--textarea-max-rows)))}.ggiM4a_Container:where([data-size="3xs"]){--textarea-base-height:var(--control-size-3xs);--textarea-font-size:var(--control-font-size-sm);--textarea-radius:var(--control-radius-sm);--textarea-gutter-x:var(--control-gutter-xs)}.ggiM4a_Container:where([data-size="2xs"]){--textarea-base-height:var(--control-size-2xs);--textarea-font-size:var(--control-font-size-sm);--textarea-radius:var(--control-radius-sm);--textarea-gutter-x:var(--control-gutter-xs)}.ggiM4a_Container:where([data-size=xs]){--textarea-base-height:var(--control-size-xs);--textarea-font-size:var(--control-font-size-md);--textarea-radius:var(--control-radius-sm);--textarea-gutter-x:var(--control-gutter-xs)}.ggiM4a_Container:where([data-size=sm]){--textarea-base-height:var(--control-size-sm);--textarea-font-size:var(--control-font-size-md);--textarea-radius:var(--control-radius-md);--textarea-gutter-x:var(--control-gutter-sm)}.ggiM4a_Container:where([data-size=md]){--textarea-base-height:var(--control-size-md);--textarea-font-size:var(--control-font-size-md);--textarea-radius:var(--control-radius-md);--textarea-gutter-x:var(--control-gutter-md)}.ggiM4a_Container:where([data-size=lg]){--textarea-base-height:var(--control-size-lg);--textarea-font-size:var(--control-font-size-md);--textarea-radius:var(--control-radius-md);--textarea-gutter-x:var(--control-gutter-md)}.ggiM4a_Container:where([data-size=xl]){--textarea-base-height:var(--control-size-xl);--textarea-font-size:var(--control-font-size-lg);--textarea-radius:var(--control-radius-lg);--textarea-gutter-x:var(--control-gutter-lg)}.ggiM4a_Container:where([data-size="2xl"]){--textarea-base-height:var(--control-size-2xl);--textarea-font-size:var(--control-font-size-lg);--textarea-radius:var(--control-radius-xl);--textarea-gutter-x:var(--control-gutter-xl)}.ggiM4a_Container:where([data-size="3xl"]){--textarea-base-height:var(--control-size-3xl);--textarea-font-size:var(--control-font-size-lg);--textarea-radius:var(--control-radius-xl);--textarea-gutter-x:var(--control-gutter-xl)}.ggiM4a_Container:where([data-gutter-size="2xs"]){--textarea-gutter-x:var(--control-gutter-2xs)}.ggiM4a_Container:where([data-gutter-size=xs]){--textarea-gutter-x:var(--control-gutter-xs)}.ggiM4a_Container:where([data-gutter-size=sm]){--textarea-gutter-x:var(--control-gutter-sm)}.ggiM4a_Container:where([data-gutter-size=md]){--textarea-gutter-x:var(--control-gutter-md)}.ggiM4a_Container:where([data-gutter-size=lg]){--textarea-gutter-x:var(--control-gutter-lg)}.ggiM4a_Container:where([data-gutter-size=xl]){--textarea-gutter-x:var(--control-gutter-xl)}.ggiM4a_Container{border-radius:var(--textarea-radius);width:100%;color:var(--textarea-color);cursor:text;font-size:var(--textarea-font-size);font-weight:var(--textarea-font-weight);transition-duration:var(--transition-duration-basic);transition-property:color,box-shadow,background-color;transition-timing-function:var(--transition-ease-basic);display:flex;position:relative;overflow:hidden}.ggiM4a_Container:where([data-variant=outline]){box-shadow:0 0 0 1px var(--input-outline-border-color) inset}@media (hover:hover) and (pointer:fine){.ggiM4a_Container:where([data-variant=outline]):not([data-disabled]):hover{box-shadow:0 0 0 1px var(--input-outline-border-color-hover) inset}}.ggiM4a_Container:where([data-variant=outline]):not([data-disabled])[data-focused=true]{box-shadow:0 0 0 1px var(--input-outline-border-color-focus) inset}.ggiM4a_Container:where([data-variant=outline]):not([data-disabled])[data-invalid]{box-shadow:0 0 0 1px var(--input-border-color-invalid) inset}.ggiM4a_Container:where([data-variant=soft]){background-color:var(--input-soft-background-color)}.ggiM4a_Container:where([data-variant=soft]):not([data-disabled])[data-focused=true]{box-shadow:0 0 0 1px var(--input-soft-border-color-focus) inset}.ggiM4a_Container:where([data-variant=soft]):not([data-disabled])[data-invalid]{box-shadow:0 0 0 1px var(--input-border-color-invalid) inset}.ggiM4a_Container[data-invalid] ::selection{background-color:var(--red-a50)}.ggiM4a_Container[data-disabled]{cursor:not-allowed;opacity:.5}.ggiM4a_Textarea{width:100%;max-width:100%;min-height:var(--textarea-min-height);max-height:var(--textarea-max-height);padding:var(--textarea-gutter-y) var(--textarea-gutter-x);appearance:none;box-shadow:none;color:inherit;filter:none;font-size:inherit;font-weight:inherit;line-height:var(--textarea-line-height);resize:var(--textarea-resize,none);background:0 0;border:0;border-radius:0;display:block}.ggiM4a_Textarea:focus{outline:0}.ggiM4a_Textarea:disabled{cursor:not-allowed}.ggiM4a_Textarea::placeholder{color:var(--input-placeholder-text-color);opacity:1}.ggiM4a_Textarea:-webkit-autofill{animation:1ms ggiM4a_native-autofill-in}.ggiM4a_Textarea:-webkit-autofill,.ggiM4a_Textarea:-webkit-autofill:focus,.ggiM4a_Textarea:-webkit-autofill:hover{color:var(--color-text)!important;-webkit-text-fill-color:var(--color-text)!important;transition:background-color 0s 50000s,box-shadow 0s 50000s,filter 0s 50000s!important}.ggiM4a_Textarea:-webkit-autofill-and-obscured,.ggiM4a_Textarea:-webkit-autofill-strong-password,.ggiM4a_Textarea:-webkit-autofill-strong-password-viewable{color:var(--color-text)!important;-webkit-text-fill-color:var(--color-text)!important;transition:background-color 0s 50000s,box-shadow 0s 50000s,filter 0s 50000s!important}.ggiM4a_Textarea:-webkit-autofill:first-line{font-size:16px!important;transition:font-size 0s 50000s!important}.ggiM4a_Textarea::-webkit-resizer{visibility:var(--textarea-resizer-visibility,hidden)}@keyframes ggiM4a_native-autofill-in{0%{opacity:1}to{opacity:1}}}.I-jWua_ShimmerText{--shimmer-start:-100%;--shimmer-end:250%;--shimmer-contrast:#ffffffbf;--shimmer-text-color:var(--color-token-text-secondary)}.I-jWua_ShimmerText[data-active]{color:var(--shimmer-text-color);background:var(--shimmer-text-color) linear-gradient(to right, var(--shimmer-text-color) 0%, var(--shimmer-contrast) 40%, var(--shimmer-contrast) 60%, var(--shimmer-text-color) 100%);background:var(--shimmer-text-color) -webkit-gradient(linear, 100% 0, 0 0, from(var(--shimmer-text-color)), color-stop(.4, var(--shimmer-contrast)), color-stop(.6, var(--shimmer-contrast)), to(var(--shimmer-text-color)));background-position:var(--shimmer-start) top;-webkit-text-fill-color:transparent;background-repeat:no-repeat;background-size:50% 200%;-webkit-background-clip:text;background-clip:text;animation:2s infinite I-jWua_Shimmer;display:inline-block}@media (prefers-reduced-motion:reduce){.I-jWua_ShimmerText[data-active]{animation:none}}.dark .I-jWua_ShimmerText{--shimmer-contrast:#0009}[dir=rtl] .I-jWua_ShimmerText{--shimmer-start:200%;--shimmer-end:-150%}@keyframes I-jWua_Shimmer{0%{background-position:var(--shimmer-start) top}to{background-position:var(--shimmer-end) top}}.dC4FyW_Root{background:var(--border-light);color:var(--text-primary);border:0;border-radius:9999px;width:100%;height:3px;position:relative;overflow:hidden}.dC4FyW_Fill{border-radius:inherit;transform-origin:0;will-change:transform;background:currentColor;width:100%;height:100%;transition:transform .28s linear}@media (prefers-reduced-motion:reduce){.dC4FyW_Fill{transition:none}}.dC4FyW_IndeterminateFill{border-radius:inherit;will-change:left, transform;background:currentColor;width:20%;height:100%;animation:2.5s linear infinite dC4FyW_indeterminate-progress;position:absolute;left:0;transform:translate(-100%)}@media (prefers-reduced-motion:reduce){.dC4FyW_IndeterminateFill{animation:none;left:40%;transform:none}}@keyframes dC4FyW_indeterminate-progress{0%{left:0;transform:translate(-100%)}to{left:100%;transform:translate(0)}}@layer theme{:where(.general-agent-cot-root){--text-primary:#0d0d0d;--text-secondary:#5d5d5d;--text-tertiary:#626262;--text-quaternary:#929292;--color-token-text-primary:var(--text-primary);--color-token-text-secondary:var(--text-secondary);--color-token-text-tertiary:var(--text-tertiary);--color-token-text-quaternary:var(--text-quaternary);--bg-primary:#fff;--bg-secondary:#f6f6f8;--bg-tertiary:#efeff2;--color-token-bg-primary:var(--bg-primary);--color-token-bg-secondary:var(--bg-secondary);--color-token-bg-tertiary:var(--bg-tertiary);--main-surface-primary:#fff;--main-surface-secondary:#f8f8fa;--main-surface-tertiary:#edeff3;--color-token-main-surface-primary:var(--main-surface-primary);--color-token-main-surface-secondary:var(--main-surface-secondary);--color-token-main-surface-tertiary:var(--main-surface-tertiary);--surface-hover:#0d0d0d0d;--color-token-surface-hover:var(--surface-hover);--border-light:#0d0d0d1a;--border-medium:#0d0d0d2e;--border-default:#0d0d0d24;--color-token-border-light:var(--border-light);--color-token-border-medium:var(--border-medium);--color-token-border-default:var(--border-default);--sidebar-surface:#f7f8fa;--color-token-sidebar-surface:var(--sidebar-surface);--color-text-secondary:#00000080;--button-font-weight:var(--font-weight-medium);--control-font-size-sm:var(--font-text-md-size);--control-font-size-md:var(--font-text-md-size);--control-font-size-lg:var(--font-text-md-size);--font-weight-normal:400;--radius-md:.5rem;--color-text:var(--text-primary);--color-border:#0d0d0d1a;--gray-25:#fcfcfc;--codeblock-background-color:var(--gray-25);--codeblock-syntax-1:#c0660d;--codeblock-syntax-2:#0a66d1;--codeblock-syntax-3:#138a36;--codeblock-syntax-4:#d14f8a;--codeblock-syntax-5:#8b5cf6}:where(.general-agent-cot-root[data-theme=dark]),:where(.dark .general-agent-cot-root:not([data-theme])){--text-primary:#fffffffa;--text-secondary:#ffffffd1;--text-tertiary:#ffffffa6;--text-quaternary:#ffffff80;--color-token-text-primary:var(--text-primary);--color-token-text-secondary:var(--text-secondary);--color-token-text-tertiary:var(--text-tertiary);--color-token-text-quaternary:var(--text-quaternary);--bg-primary:#101011;--bg-secondary:#161618;--bg-tertiary:#1f1f22;--color-token-bg-primary:var(--bg-primary);--color-token-bg-secondary:var(--bg-secondary);--color-token-bg-tertiary:var(--bg-tertiary);--main-surface-primary:#171717;--main-surface-secondary:#1d1d1d;--main-surface-tertiary:#252528;--color-token-main-surface-primary:var(--main-surface-primary);--color-token-main-surface-secondary:var(--main-surface-secondary);--color-token-main-surface-tertiary:var(--main-surface-tertiary);--surface-hover:#ffffff14;--color-token-surface-hover:var(--surface-hover);--border-light:#ffffff29;--border-medium:#ffffff3d;--border-default:#fff3;--color-token-border-light:var(--border-light);--color-token-border-medium:var(--border-medium);--color-token-border-default:var(--border-default);--sidebar-surface:#1a1a1d;--color-token-sidebar-surface:var(--sidebar-surface);--color-text-secondary:#ffffff80;--color-text:var(--text-primary);--color-border:#ffffff1f;--gray-25:#101010;--codeblock-background-color:var(--gray-25);--codeblock-syntax-1:#f4d35e;--codeblock-syntax-2:#93c5fd;--codeblock-syntax-3:#86efac;--codeblock-syntax-4:#f9a8d4;--codeblock-syntax-5:#d8b4fe}}.wUcTxa_Card{border-radius:var(--radius-3xl);background:var(--color-surface-elevated);box-shadow:0 3px 9px 0 #0000000d, 0 0 0 var(--hairline) var(--alpha-15)}.wUcTxa_Card[data-interactive]{cursor:pointer;transition:background-color var(--transition-duration-basic) var(--transition-ease-basic);-webkit-user-select:none;user-select:none}@media (hover:hover) and (pointer:fine){.wUcTxa_Card[data-interactive]:hover{background:var(--color-surface-elevated-secondary)}}.KrcFfq_Header{height:56px;padding:calc(var(--spacing)*4);justify-content:space-between;align-items:center;display:flex}.KrcFfq_Body{padding:0 calc(var(--spacing)*4) calc(var(--spacing)*4) calc(var(--spacing)*4)}.KrcFfq_Separator{border-top-color:var(--color-border)}@keyframes BZ_Pyq_fade-in{to{opacity:1}}.BZ_Pyq_root .BZ_Pyq_fadeIn,.BZ_Pyq_root hr,.BZ_Pyq_root li,.BZ_Pyq_root tr,.BZ_Pyq_root blockquote,.BZ_Pyq_root code,.BZ_Pyq_root pre{opacity:0;animation:BZ_Pyq_fade-in var(--duration,.7s) cubic-bezier(.37, .55, .86, .88) forwards}@media (prefers-reduced-motion:reduce){.BZ_Pyq_root .BZ_Pyq_fadeIn,.BZ_Pyq_root hr,.BZ_Pyq_root li,.BZ_Pyq_root tr,.BZ_Pyq_root blockquote,.BZ_Pyq_root code,.BZ_Pyq_root pre{--duration:0s;opacity:1}}@keyframes QKycbG_fade{0%{opacity:0}to{opacity:1}}.QKycbG_markdown.markdown .katex-error{display:none}.QKycbG_markdown.markdown .katex-display{opacity:0;animation:.4s 50ms forwards QKycbG_fade}.QKycbG_markdown.markdown p{margin-bottom:0!important}@supports selector(::scroll-button(*)){@media (pointer:fine){.xuHWuq_carousel{scrollbar-width:none;scroll-padding-inline:calc(9 * var(--spacing));scroll-snap-type:x mandatory;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.xuHWuq_carousel{scroll-behavior:auto}}.xuHWuq_carousel::scroll-button(*){aspect-ratio:1;background-color:var(--main-surface-primary);border:1px solid var(--border-medium);color:var(--text-primary);width:calc(9 * var(--spacing));cursor:pointer;border-radius:50%;justify-content:center;align-items:center;line-height:0;transition:opacity .15s ease-in-out;display:flex;position:absolute;top:50%}@starting-style{.xuHWuq_carousel::scroll-button(*){opacity:0}}.xuHWuq_carousel::scroll-button(*):hover{background-color:var(--main-surface-secondary)}.xuHWuq_carousel::scroll-button(*):disabled{opacity:0;pointer-events:none}.xuHWuq_carousel::scroll-button(left){content:url("data:image/svg+xml;utf8,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.80073 3.27765C7.05872 3.10739 7.40946 3.13571 7.63667 3.36261C7.89637 3.62231 7.89637 4.04432 7.63667 4.30402L4.60542 7.33527H13L13.1337 7.34894C13.4368 7.4109 13.665 7.6789 13.665 8.00031C13.6648 8.32162 13.4368 8.58979 13.1337 8.65168L13 8.66535H4.6064L7.63667 11.6966L7.72163 11.8011C7.89202 12.0592 7.86389 12.4098 7.63667 12.637C7.40942 12.8641 7.05879 12.8924 6.80073 12.722L6.69624 12.637L2.52925 8.47003C2.26993 8.21036 2.26982 7.78921 2.52925 7.5296L6.69624 3.36261L6.80073 3.27765Z\" /></svg>");left:0;transform:translate(-50%,-50%)}@container (width<43rem){.xuHWuq_carousel::scroll-button(left){transform:translate(calc(-1 * (var(--thread-content-margin) - 2 * var(--spacing))), -50%)}}.dark .xuHWuq_carousel::scroll-button(left){content:url("data:image/svg+xml;utf8,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.80073 3.27765C7.05872 3.10739 7.40946 3.13571 7.63667 3.36261C7.89637 3.62231 7.89637 4.04432 7.63667 4.30402L4.60542 7.33527H13L13.1337 7.34894C13.4368 7.4109 13.665 7.6789 13.665 8.00031C13.6648 8.32162 13.4368 8.58979 13.1337 8.65168L13 8.66535H4.6064L7.63667 11.6966L7.72163 11.8011C7.89202 12.0592 7.86389 12.4098 7.63667 12.637C7.40942 12.8641 7.05879 12.8924 6.80073 12.722L6.69624 12.637L2.52925 8.47003C2.26993 8.21036 2.26982 7.78921 2.52925 7.5296L6.69624 3.36261L6.80073 3.27765Z\" /></svg>")}.xuHWuq_carousel::scroll-button(right){content:url("data:image/svg+xml;utf8,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"black\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.36328 3.36261C8.59049 3.13571 8.94123 3.10739 9.19922 3.27765L9.30371 3.36261L13.4707 7.5296L13.5557 7.6341C13.7259 7.89208 13.6976 8.24282 13.4707 8.47003L9.30371 12.637C9.04407 12.8967 8.62299 12.8966 8.36328 12.637C8.10358 12.3773 8.10358 11.9563 8.36328 11.6966L11.3936 8.66535H3C2.63284 8.66535 2.33514 8.36743 2.33496 8.00031C2.33496 7.63304 2.63273 7.33527 3 7.33527H11.3945L8.36328 4.30402L8.27832 4.19953C8.10759 3.94137 8.13592 3.58997 8.36328 3.36261Z\" /></svg>");right:0;transform:translate(50%,-50%)}@container (width<43rem){.xuHWuq_carousel::scroll-button(right){transform:translate(calc(var(--thread-content-margin) - 2 * var(--spacing)), -50%)}}.dark .xuHWuq_carousel::scroll-button(right){content:url("data:image/svg+xml;utf8,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"white\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M8.36328 3.36261C8.59049 3.13571 8.94123 3.10739 9.19922 3.27765L9.30371 3.36261L13.4707 7.5296L13.5557 7.6341C13.7259 7.89208 13.6976 8.24282 13.4707 8.47003L9.30371 12.637C9.04407 12.8967 8.62299 12.8966 8.36328 12.637C8.10358 12.3773 8.10358 11.9563 8.36328 11.6966L11.3936 8.66535H3C2.63284 8.66535 2.33514 8.36743 2.33496 8.00031C2.33496 7.63304 2.63273 7.33527 3 7.33527H11.3945L8.36328 4.30402L8.27832 4.19953C8.10759 3.94137 8.13592 3.58997 8.36328 3.36261Z\" /></svg>")}}}.R6Vx5W_threadScrollVars{--thread-stream-context-height:max(22 * var(--spacing), var(--thread-show-context-pct,1/3) * var(--scroll-root-safe-area-height));--thread-response-height:calc(var(--scroll-root-safe-area-height) - var(--thread-stream-context-height))}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-leading:initial;--tw-content:"";--tw-font-weight:initial}}}.wcDTda_prosemirror-parent .ProseMirror[contenteditable]{outline-style:var(--tw-outline-style);--tw-outline-style:none;outline-width:0;outline-style:none}.wcDTda_fallbackTextarea,.wcDTda_prosemirror-parent .ProseMirror{margin-top:calc(var(--spacing,.25rem) * 4);margin-bottom:calc(var(--spacing,.25rem) * 0);padding-inline:calc(var(--spacing,.25rem) * 0);padding-top:calc(var(--spacing,.25rem) * 0);padding-bottom:calc(var(--spacing,.25rem) * 4);word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0;transform:translateY(-.5px)}.wcDTda_fallbackTextarea{box-sizing:content-box;height:calc(var(--spacing,.25rem) * 10);resize:none;border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing,.25rem) * 0);color:var(--text-primary);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#0000;border-width:0;display:block}.wcDTda_fallbackTextarea::placeholder{color:var(--text-tertiary);padding-inline-start:1px}.wcDTda_fallbackTextarea{height:1lh}@container wcDTda_thread (width>=640px){:is(.wcDTda_prosemirror-parent[data-size=lg] .ProseMirror,.wcDTda_prosemirror-parent[data-size=lg] .wcDTda_fallbackTextarea){margin-top:calc(var(--spacing,.25rem) * 3.5);padding-bottom:calc(var(--spacing,.25rem) * 3.5);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));white-space:pre-wrap}:is(.wcDTda_prosemirror-parent[data-size=xl] .ProseMirror,.wcDTda_prosemirror-parent[data-size=xl] .wcDTda_fallbackTextarea){margin-top:calc(var(--spacing,.25rem) * 3.5);padding-bottom:calc(var(--spacing,.25rem) * 3.5);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));white-space:pre-wrap}}.wcDTda_prosemirror-parent.ProseMirror br{--tw-leading:normal;line-height:normal}.wcDTda_prosemirror-parent.default-browser .placeholder:after{pointer-events:none;cursor:text;color:var(--text-tertiary);--tw-content:attr(data-placeholder);content:var(--tw-content);padding-left:1px;position:relative}.wcDTda_prosemirror-parent.firefox .placeholder:before{pointer-events:none;cursor:text;color:var(--text-tertiary);--tw-content:attr(data-placeholder);content:var(--tw-content);padding-left:1px;position:absolute}.wcDTda_prosemirror-parent.default-browser .placeholder .ProseMirror-trailingBreak{display:none!important}.wcDTda_prosemirror-parent p{white-space:pre-wrap}:is(.wcDTda_prosemirror-parent h1,.wcDTda_prosemirror-parent h2,.wcDTda_prosemirror-parent h3,.wcDTda_prosemirror-parent h4,.wcDTda_prosemirror-parent h5,.wcDTda_prosemirror-parent h6){margin-block:calc(var(--spacing,.25rem) * 0);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:pre-wrap;font-size:inherit;line-height:inherit}:is(.wcDTda_prosemirror-parent ul,.wcDTda_prosemirror-parent ol){margin-block:calc(var(--spacing,.25rem) * 0);white-space:normal;padding-inline-start:calc(var(--spacing,.25rem) * 5)}.wcDTda_prosemirror-parent ul{list-style-type:disc}.wcDTda_prosemirror-parent ol{list-style-type:decimal}.wcDTda_prosemirror-parent li{margin-block:calc(var(--spacing,.25rem) * 0);white-space:normal;padding-inline-start:calc(var(--spacing,.25rem) * 0)}.wcDTda_prosemirror-parent li p{margin-block:calc(var(--spacing,.25rem) * 0)}.wcDTda_prosemirror-parent blockquote{margin-block:calc(var(--spacing,.25rem) * 0);border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px;border-color:var(--border-default);color:var(--text-secondary);padding-inline-start:calc(var(--spacing,.25rem) * 3)}.wcDTda_prosemirror-parent pre{margin-block:calc(var(--spacing,.25rem) * 0);border-radius:var(--radius-md,.375rem);background-color:var(--bg-secondary);padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));white-space:pre;overflow-x:auto}.wcDTda_prosemirror-parent code{background-color:var(--bg-secondary);padding-inline:calc(var(--spacing,.25rem) * 1);padding-block:calc(var(--spacing,.25rem) * .5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));border-radius:.25rem}.wcDTda_prosemirror-parent pre code{padding:calc(var(--spacing,.25rem) * 0);background-color:#0000}.wcDTda_prosemirror-parent a{color:var(--text-primary);text-underline-offset:2px;text-decoration-line:underline}.wcDTda_prosemirror-parent p.placeholder{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.screen-arch .wcDTda_prosemirror-parent p.placeholder{width:fit-content;view-transition-name:var(--vt-composer-placeholder)}.wcDTda_prosemirror-parent .ProseMirror-separator{display:none!important}.wcDTda_prosemirror-parent .pm-bracket-tag{cursor:text;border-radius:var(--radius-md,.375rem);text-overflow:ellipsis;white-space:nowrap;color:#2f7cf5;background-color:#2f7cf51a;background-color:lab(52.5277% 10.4527 -68.6236/.1);align-items:center;max-width:16rem;display:inline-flex;overflow:hidden}@media (hover:hover){.wcDTda_prosemirror-parent .pm-bracket-tag:hover{color:#0285ff;background-color:#e5f3ff}}.wcDTda_prosemirror-parent .pm-bracket-tag{padding-block:3px;padding-inline:6px}.wcDTda_prosemirror-parent .pm-bracket-tag[data-template-active=true]{box-shadow:0 0 0 1px var(--interactive-border-focus);background-color:var(--interactive-bg-accent-muted-hover)}.wcDTda_prosemirror-parent .ecosystem-mention{cursor:text;border-radius:var(--radius-md,.375rem);text-overflow:ellipsis;white-space:nowrap;color:#2f7cf5;background-color:#2f7cf51a;background-color:lab(52.5277% 10.4527 -68.6236/.1);align-items:center;max-width:16rem;display:inline-flex;overflow:hidden}@media (hover:hover){.wcDTda_prosemirror-parent .ecosystem-mention:hover{color:#0285ff;background-color:#e5f3ff}}.wcDTda_prosemirror-parent .ecosystem-mention{padding-block:3px;padding-inline:6px}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-leading{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-font-weight{syntax:"*";inherits:false}@keyframes e33vkq_working-dot-wave{0%,10%,to{transform:translateY(0)}25%{transform:translateY(1.2px)}55%{transform:translateY(-2px)}70%{transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.e33vkq_waveDot{animation-name:e33vkq_working-dot-wave;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.e33vkq_waveDot:nth-child(2){animation-delay:.1s}.e33vkq_waveDot:nth-child(3){animation-delay:.2s}}._69lA8a_main .prose{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@keyframes sPZ93q_add-top-shadow{0%{box-shadow:0 1px #0000}.1%,to{box-shadow:0 1px 0 var(--border-sharp)}}@keyframes sPZ93q_add-bottom-shadow{0%,99.9%{box-shadow:0 -1px 0 var(--border-sharp)}to{box-shadow:0 -1px #0000}}.sPZ93q_leadingBar{animation:linear both sPZ93q_add-top-shadow;box-shadow:0 1px #0000}.sPZ93q_leadingBarScrollAnimation{animation-timeline:scroll()}.sPZ93q_trailingBar{animation:linear both sPZ93q_add-bottom-shadow;box-shadow:0 -1px #0000}.sPZ93q_trailingBarScrollAnimation{animation-timeline:scroll()}.sPZ93q_primary{background-color:var(--bar-background-color,var(--main-surface-primary))}._56rfYG_screen{display:var(--screen-display,grid);grid-template:"_56rfYG_leading"max-content"_56rfYG_content"1fr"_56rfYG_trailing"max-content"_56rfYG_keyboard"/minmax(0,1fr)}@supports not (overflow:clip){._56rfYG_screen{overflow:var(--screen-overflow,hidden auto)}}@supports (overflow:clip){._56rfYG_screen{overflow:var(--screen-overflow,clip auto)}}._56rfYG_screen{scrollbar-gutter:var(--screen-scrollbar-gutter-override,stable);padding-top:calc(var(--screen-anchor-top) + var(--screen-top-offset,0px));width:100%}._56rfYG_screen [slot=content]{padding-inline:var(--screen-content-inline-padding,var(--screen-inline-padding));position:var(--screen-content-position,relative);grid-area:_56rfYG_content}._56rfYG_screen [slot=leading]{min-width:var(--screen-leading-slot-min-width);overflow:var(--screen-leading-slot-overflow);top:var(--screen-leading-slot-top,0);z-index:var(--screen-leading-slot-z-index,20);grid-area:_56rfYG_leading;position:sticky}._56rfYG_screen [slot=trailing]{bottom:var(--keyboard-safe-area-bottom,0);padding-inline:var(--screen-trailing-inline-padding,var(--screen-inline-padding));z-index:var(--screen-leading-slot-z-index,20);grid-area:_56rfYG_trailing;position:sticky}._56rfYG_screen [slot=keyboard]{height:var(--keyboard-safe-area-bottom,0px);background:#fcfcfc;grid-area:_56rfYG_keyboard;position:sticky;bottom:0}._56rfYG_screen:where([screen-anchor=vertical],[screen-anchor=top]){--safe-area-top:calc(env(_56rfYG_titlebar-area-y,0px) + env(safe-area-inset-top,0px));--screen-anchor-top:var(--safe-area-top)}._56rfYG_screen:where([screen-anchor=vertical],[screen-anchor=bottom]){--safe-area-bottom:env(safe-area-inset-bottom,0px);--keyboard-safe-area-bottom:max(var(--screen-keyboard-height), env(_56rfYG_keyboard-inset-height,0px));--screen-anchor-bottom:var(--safe-area-bottom)}

downloads/Agenten und Körpergrenzen_files/cot-message-mbvpc7rn.css

@@ -0,0 +1 @@
+@keyframes fade-in{0%{opacity:0}to{opacity:1}}.teleprompter{position:relative;overflow:visible}.teleprompter-inner{flex-wrap:wrap;align-content:flex-start;display:flex;position:absolute;inset:0}.teleprompter-word{opacity:0;white-space:pre;animation:fade-in var(--fade,.5s) cubic-bezier(.37, .55, .86, .88) forwards}@keyframes dot-fade{0%,to{opacity:.5}50%{opacity:1}}.animate-dot-fade{animation:1s ease-in-out infinite dot-fade}.gxcrJW_frostedContainer{width:100%;position:relative;overflow:hidden}.gxcrJW_blurStack{pointer-events:none;z-index:5;height:5rem;position:absolute;inset:0}.gxcrJW_blur{--frost:color-mix(in srgb, var(--bg-tertiary) 60%, transparent);background:linear-gradient(to bottom, var(--frost) 0%, transparent var(--gradient-end,60%));height:100%;-webkit-backdrop-filter:blur(var(--blur,0px));opacity:var(--alpha,.4);will-change:backdrop-filter, opacity;border-top-left-radius:8px;border-top-right-radius:8px;position:absolute;inset:0 0 auto;transform:translateZ(0);-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.gxcrJW_layer0{--blur:.5px;--alpha:.65;--gradient-end:25%}.gxcrJW_layer1{--blur:2px;--alpha:.5;--gradient-end:35%}.gxcrJW_layer2{--blur:6px;--alpha:.38;--gradient-end:50%}.gxcrJW_layer3{--blur:16px;--alpha:.28;--gradient-end:65%}.gxcrJW_layer4{--blur:32px;--alpha:.18;--gradient-end:80%}.gxcrJW_layer5{--blur:64px;--alpha:.1;--gradient-end:95%}

downloads/Agenten und Körpergrenzen_files/fullscreen-lxd7vmcm.css

@@ -0,0 +1 @@
+@keyframes bgaZlG_businessTooltipIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bgaZlG_businessTooltipOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.bgaZlG_tooltipContent{transform-origin:var(--radix-tooltip-content-transform-origin)}.bgaZlG_tooltipOpen{animation:.18s ease-out both bgaZlG_businessTooltipIn}.bgaZlG_tooltipClosing{pointer-events:none;animation:.14s ease-in both bgaZlG_businessTooltipOut}

downloads/Agenten und Körpergrenzen_files/map-with-entities-dot3gmg6.css

@@ -0,0 +1 @@
+:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mapboxgl-ctrl-logo{display:none!important}.mapboxgl-ctrl-group{border:1px solid var(--border-default)!important;background-color:var(--main-surface-primary)!important;color:var(--text-primary)!important;background-clip:padding-box!important;border-radius:9999px!important;box-shadow:0 1px 2px #0000000d!important}.mapboxgl-ctrl-group button{width:36px!important;height:36px!important;color:var(--text-primary)!important;background:0 0!important}.mapboxgl-ctrl-group button:not(:disabled):not([aria-disabled=true]):hover{background-color:var(--main-surface-secondary)!important}.mapboxgl-ctrl-group button+button{border-top-color:var(--border-default)!important}.mapboxgl-ctrl>.btn{background-color:var(--main-surface-primary)!important}.mapboxgl-ctrl>.btn:not(:disabled):not([data-disabled]):hover{background-color:var(--main-surface-secondary)!important}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url(data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIyMCIKICBoZWlnaHQ9IjIwIgogIHZpZXdCb3g9IjAgMCAyMCAyMCIKICBmaWxsPSJjdXJyZW50Q29sb3IiCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgo+CiAgPHBhdGgKICAgIGQ9Ik05LjMzNDk2IDE2LjVWMTAuNjY1SDMuNUMzLjEzMjczIDEwLjY2NSAyLjgzNDk2IDEwLjM2NzMgMi44MzQ5NiAxMEMyLjgzNDk2IDkuNjMyNzMgMy4xMzI3MyA5LjMzNDk2IDMuNSA5LjMzNDk2SDkuMzM0OTZWMy41QzkuMzM0OTYgMy4xMzI3MyA5LjYzMjczIDIuODM0OTYgMTAgMi44MzQ5NkMxMC4zNjczIDIuODM0OTYgMTAuNjY1IDMuMTMyNzMgMTAuNjY1IDMuNVY5LjMzNDk2SDE2LjVMMTYuNjMzOCA5LjM0ODYzQzE2LjkzNjkgOS40MTA1NyAxNy4xNjUgOS42Nzg1NyAxNy4xNjUgMTBDMTcuMTY1IDEwLjMyMTQgMTYuOTM2OSAxMC41ODk0IDE2LjYzMzggMTAuNjUxNEwxNi41IDEwLjY2NUgxMC42NjVWMTYuNUMxMC42NjUgMTYuODY3MyAxMC4zNjczIDE3LjE2NSAxMCAxNy4xNjVDOS42MzI3MyAxNy4xNjUgOS4zMzQ5NiAxNi44NjczIDkuMzM0OTYgMTYuNVoiCiAgLz4KPC9zdmc+Cg==)!important;background-size:18px 18px!important}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url(data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIyMCIKICBoZWlnaHQ9IjIwIgogIHZpZXdCb3g9IjAgMCAyMCAyMCIKICBmaWxsPSJjdXJyZW50Q29sb3IiCiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgo+CiAgPHBhdGgKICAgIGQ9Ik0xNi41IDkuMzM0OTZMMTYuNjMzOCA5LjM0ODYzQzE2LjkzNjkgOS40MTA1NyAxNy4xNjUgOS42Nzg1NyAxNy4xNjUgMTBDMTcuMTY1IDEwLjMyMTQgMTYuOTM2OSAxMC41ODk0IDE2LjYzMzggMTAuNjUxNEwxNi41IDEwLjY2NUgzLjVDMy4xMzI3MyAxMC42NjUgMi44MzQ5NiAxMC4zNjczIDIuODM0OTYgMTBDMi44MzQ5NiA5LjYzMjczIDMuMTMyNzMgOS4zMzQ5NiAzLjUgOS4zMzQ5NkgxNi41WiIKICAvPgo8L3N2Zz4K)!important;background-size:18px 18px!important}.dark .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,.dark .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{filter:invert()!important}.mapboxgl-scroll-zoom-blocker{background-color:#0d0d0d!important;border-radius:9999px!important;width:auto!important;height:auto!important;padding:6px 16px!important;font-size:13px!important;font-weight:500!important;inset:auto 10px 10px auto!important}.immersive-maps-opener-enabled .mapboxgl-scroll-zoom-blocker{display:none!important}.fullscreen-map-with-entities .mapboxgl-ctrl-top-left,.fullscreen-map-with-entities .mapboxgl-ctrl-top-right{top:calc(env(safe-area-inset-top,0px) + (env(safe-area-inset-bottom,0px) / 2) + .5rem)}.fullscreen-map-with-entities .mapboxgl-ctrl:first-child{margin-top:0}.BqefNq_userMarkerPulse{will-change:transform;animation:1.8s cubic-bezier(.4,0,.6,1) infinite BqefNq_userMarkerPulse}@keyframes BqefNq_userMarkerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}

downloads/Agenten und Körpergrenzen_files/mapbox-gl-l6rc2zka.css

@@ -0,0 +1 @@
+.mapboxgl-map{-webkit-tap-highlight-color:#0000;font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.mapboxgl-canvas{position:absolute;top:0;left:0}.mapboxgl-map:-webkit-full-screen{width:100%;height:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;z-index:2;position:absolute}.mapboxgl-ctrl-top-left{top:0;left:0}.mapboxgl-ctrl-top{top:0;left:50%;transform:translate(-50%)}.mapboxgl-ctrl-top-right{top:0;right:0}.mapboxgl-ctrl-right{top:50%;right:0;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translate(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{top:50%;left:0;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px buttontext}}.mapboxgl-ctrl-group button{background-color:initial;box-sizing:border-box;cursor:pointer;border:0;outline:none;width:29px;height:29px;padding:0;display:block;overflow:hidden}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;width:100%;height:100%;display:block}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid buttontext}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M3.3335 11.6666C3.3335 12.5871 4.07969 13.3333 5.00016 13.3333C5.92064 13.3333 6.66683 12.5871 6.66683 11.6666L6.66683 6.66659L11.6668 6.66659C12.5873 6.66659 13.3335 5.92039 13.3335 4.99992C13.3335 4.07944 12.5873 3.33325 11.6668 3.33325H3.3335V11.6666Z' fill='currentColor'/%3E%3Cpath d='M26.6668 11.6666C26.6668 12.5871 25.9206 13.3333 25.0002 13.3333C24.0797 13.3333 23.3335 12.5871 23.3335 11.6666L23.3335 6.66659L18.3335 6.66659C17.413 6.66659 16.6668 5.92039 16.6668 4.99992C16.6668 4.07944 17.413 3.33325 18.3335 3.33325H26.6668L26.6668 11.6666Z' fill='currentColor'/%3E%3Cpath d='M13.3335 24.9999C13.3335 25.9204 12.5873 26.6666 11.6668 26.6666H3.3335V18.3333C3.3335 17.4128 4.07969 16.6666 5.00016 16.6666C5.92064 16.6666 6.66683 17.4128 6.66683 18.3333V23.3333H11.6668C12.5873 23.3333 13.3335 24.0794 13.3335 24.9999Z' fill='currentColor'/%3E%3Cpath d='M18.3335 26.6666C17.413 26.6666 16.6668 25.9204 16.6668 24.9999C16.6668 24.0794 17.413 23.3333 18.3335 23.3333H23.3335V18.3333C23.3335 17.4128 24.0797 16.6666 25.0002 16.6666C25.9206 16.6666 26.6668 17.4128 26.6668 18.3333V26.6666H18.3335Z' fill='currentColor'/%3E%3C/svg%3E");background-size:26px 26px}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle.mapboxgl-ctrl-level-button-selected .mapboxgl-ctrl-icon{filter:invert()brightness()}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:2s linear infinite mapboxgl-spin}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;width:88px;height:23px;margin:0 0 -4px -4px;display:block;overflow:hidden}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{box-sizing:initial;background-color:#fff;border-radius:12px;min-height:20px;margin:10px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{visibility:visible;padding:2px 28px 2px 8px}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{box-sizing:border-box;cursor:pointer;background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;outline:none;width:24px;height:24px;display:none;position:absolute;top:0;right:0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{top:0;right:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{top:0;left:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{margin-left:2px;font-weight:700}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{box-sizing:border-box;color:#333;white-space:nowrap;background-color:#ffffffbf;border:2px solid #333;border-top:#333;padding:0 5px;font-size:10px}.mapboxgl-popup{pointer-events:none;will-change:transform;display:flex;position:absolute;top:0;left:0}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{z-index:1;border:10px solid #0000;width:0;height:0}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{border-top:none;border-bottom-color:#fff;align-self:center}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{border-top:none;border-bottom-color:#fff;border-left:none;align-self:flex-start}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{border-top:none;border-bottom-color:#fff;border-right:none;align-self:flex-end}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{border-top-color:#fff;border-bottom:none;align-self:center}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{border-top-color:#fff;border-bottom:none;border-left:none;align-self:flex-start}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{border-top-color:#fff;border-bottom:none;border-right:none;align-self:flex-end}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-left:none;border-right-color:#fff;align-self:center}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-left-color:#fff;border-right:none;align-self:center}.mapboxgl-popup-close-button{background-color:initial;cursor:pointer;border:0;border-radius:0 3px 0 0;position:absolute;top:0;right:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{pointer-events:auto;background:#fff;border-radius:3px;padding:10px 10px 15px;position:relative;box-shadow:0 1px 2px #0000001a}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{opacity:1;will-change:transform;transition:opacity .2s;position:absolute;top:0;left:0}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;width:15px;height:15px}.mapboxgl-user-location-dot:before{content:"";animation:2s infinite mapboxgl-user-location-dot-pulse;position:absolute}.mapboxgl-user-location-dot:after{box-sizing:border-box;content:"";border:2px solid #fff;border-radius:50%;width:19px;height:19px;position:absolute;top:-2px;left:-2px;box-shadow:0 0 3px #00000059}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{width:0;height:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{content:"";border-bottom:7.5px solid #4aa1eb;position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px)skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px)skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;width:1px;height:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{opacity:.5;background:#fff;border:2px dotted #202020;width:0;height:0;position:absolute;top:0;left:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{color:#fff;opacity:0;pointer-events:none;text-align:center;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;transition:opacity .75s ease-in-out 1s;display:flex;position:absolute;top:0;left:0}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-ctrl-separator{background-color:#e0e0e0;height:1px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button{color:#333;width:50px;height:50px;font-size:18px;font-weight:700}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:last-child{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:hover{background-color:#f5f5f5}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected{color:#fff;background-color:#4a5568}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover{background-color:#2d3748}

downloads/Agenten und Körpergrenzen_files/product-variants-ga945uk2.css

@@ -0,0 +1 @@
+@keyframes YfNCsW_fade{to{opacity:1}}.YfNCsW_fadeIn{opacity:0;animation:YfNCsW_fade var(--duration,0s) cubic-bezier(.37, .55, .86, .88) forwards var(--delay,0s);animation-iteration-count:1}@media (prefers-reduced-motion:reduce){.YfNCsW_fadeIn{--duration:0s;opacity:1}}.YfNCsW_marker.YfNCsW_hidden{display:none}.YfNCsW_marker.YfNCsW_animate{opacity:0;animation:YfNCsW_fade var(--duration,0s) cubic-bezier(.37, .55, .86, .88) forwards var(--delay,0s);animation-iteration-count:1}@media (prefers-reduced-motion:reduce){.YfNCsW_marker.YfNCsW_animate{--duration:0s;opacity:1}}

downloads/Agenten und Körpergrenzen_files/silk-hq-jrmbfqt7.css

@@ -0,0 +1 @@
+@layer base{:where([data-silk~=b0]:not([data-silk~=g0])){--silk-defaults:initial;position:var(--silk-defaults,relative)}:where([data-silk~=g0]){--silk-defaults:initial;position:var(--silk-defaults,fixed);--x-collapsed-scrollbar-thickness:0px;--y-collapsed-scrollbar-thickness:0px}:where([data-silk~=a1]){--silk-defaults:initial;position:var(--silk-defaults,fixed);top:var(--silk-defaults,var(--silk-default-top,initial));bottom:var(--silk-defaults,var(--silk-default-bottom,initial));left:var(--silk-defaults,var(--silk-default-left,initial));right:var(--silk-defaults,var(--silk-default-right,initial));height:var(--silk-defaults,100%);width:var(--silk-defaults,100%);--x-collapsed-scrollbar-thickness:0px;--y-collapsed-scrollbar-thickness:0px}:where([data-silk~=a1]>*){--NOTE: ;--silk-default-top:initial;--silk-default-bottom:initial;--silk-default-left:initial;--silk-default-right:initial}:where([data-silk~=a2]){--silk-defaults:initial;left:var(--silk-defaults,0px);right:var(--silk-defaults,0px);top:var(--silk-defaults,0px);bottom:var(--silk-defaults,0px);background-color:var(--silk-defaults,#000);opacity:var(--silk-defaults,.5)}:where([data-silk~=a11]){--silk-defaults:initial;width:var(--silk-defaults,var(--silk-default-width,initial));height:var(--silk-defaults,var(--silk-default-height,initial));background-color:var(--silk-defaults,white)}[data-silk~=a11]:has(:where([data-silk~=a12])){background-color:initial}[data-silk~="0af"]{background-color:initial}:where([data-silk~=f0]){--silk-defaults:initial;width:var(--silk-defaults,100%);height:var(--silk-defaults,100%)}:where([data-silk~=a12]){--silk-defaults:initial;border-radius:var(--silk-defaults,inherit);background-color:var(--silk-defaults,white)}:where([data-silk~=a16]){--silk-defaults:initial;position:var(--silk-defaults,relative)}:where([data-silk~=a16]):before{--silk-defaults:initial;content:var(--silk-defaults,"");display:var(--silk-defaults,block);position:var(--silk-defaults,absolute);left:var(--silk-defaults,calc(-1*max(100%,48px)/2 + 50%));top:var(--silk-defaults,calc(-1*max(100%,48px)/2 + 50%));width:var(--silk-defaults,max(100%,48px));height:var(--silk-defaults,max(100%,48px))}:where([data-silk~=a17]){--silk-defaults:initial;width:var(--silk-defaults,48px);height:var(--silk-defaults,5.5px);appearance:var(--silk-defaults,none);background-color:var(--silk-defaults,#cbd5e1)}[data-silk~=b0][data-silk~=bBf]{overscroll-behavior-y:none!important;overflow:hidden auto!important}[data-silk~=b0][data-silk~=bBe]{overscroll-behavior-x:none!important;overflow:auto hidden!important}[data-silk~=b0][data-silk~=bBg]{overscroll-behavior:none!important;overflow:auto!important}[data-silk~="0aj"] [data-silk~=b0][data-silk~=bCa][data-silk]{overflow:clip!important}[data-silk~=b0]:not(#\#):not(#\#){--NOTE:"Must not have `position: static`"}[data-silk~=b0]>*{--NOTE: }[data-silk~=b0]{scrollbar-width:none!important}[data-silk~=b0]::-webkit-scrollbar{display:none!important}[data-silk~=b0]:before{content:""!important;width:calc(100% + 600px)!important;height:calc(100% + 600px)!important;position:absolute!important;top:0!important;left:0!important}[data-silk~="0aj"] [data-silk~=b0][data-silk~=bCa][data-silk]:before,[data-silk~=b0][data-silk~=bAb][data-silk]:before{display:none!important}[data-silk~=b1]{width:100%!important;height:100%!important;position:sticky!important;top:0!important;left:0!important}:root{--silk-100-lvh-dvh-pct:max(100%,100vh)}@supports (width:1dvh){:root{--silk-100-lvh-dvh-pct:max(100dvh,100lvh)}}[data-silk~=a0]{--silk-aY:1}[data-silk~=a1][data-silk~=aGf],[data-silk~=a1][data-silk~=aGk]{--silk-default-top:0;--silk-default-left:0}[data-silk~=a1][data-silk~=aGg]{--silk-default-bottom:0;--silk-default-left:0}[data-silk~=a1][data-silk~=aGh],[data-silk~=a1][data-silk~=aGj]{--silk-default-top:0;--silk-default-left:0}[data-silk~=a1][data-silk~=aGi]{--silk-default-top:0;--silk-default-right:0}[data-silk~=a1]{--silk-aL:var(--silk-aL-from-props,1px);--silk-aJ:1px;--silk-aN:10px;--silk-aD:initial;--silk-aE:initial;--silk-aF:initial;--silk-aG:initial;--silk-aH:initial;--silk-aI:initial;--silk-aK:initial;--silk-aO:var(--silk-aD,100%);--silk-aP:var(--silk-aE,100%);--silk-aQ:min(300px,var(--silk-aO));--silk-aR:2px;--silk-aS:calc(-1*(var(--silk-aQ) - var(--silk-aR)));border-width:0!important;overflow:clip!important}[data-silk~=a1][data-silk~=aAc]{opacity:0!important}[data-silk~=a1][data-silk~=aCs]{clip:rect(0 0 0 0)!important;clip-path:inset(0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}[data-silk~=a1][data-silk~=aNo]{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}[data-silk~=a1]:not(#\#):not(#\#){--NOTE:"Must not have `position: static`"}[data-silk~=a1]>*{position:absolute}[data-silk~=a1]:not([data-silk~=aBaj]) *{caret-color:#0000}[data-silk~=a2]{z-index:-1!important;position:absolute!important}[data-silk~=a2][data-silk~=aNo]{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}[data-silk~=a4][data-silk]{position:absolute}[data-silk~=a4][data-silk~=aGh],[data-silk~=a4][data-silk~=aGi],[data-silk~=a4][data-silk~=aGj]{width:var(--silk-aO);height:var(--silk-aP)}[data-silk~=a4][data-silk~=aGf],[data-silk~=a4][data-silk~=aGg],[data-silk~=a4][data-silk~=aGk]{width:var(--silk-aP);height:var(--silk-aO)}[data-silk~=a4].scrollContainerShouldBePassThrough\:true>[data-silk~=b1]>*{pointer-events:initial;user-select:initial}[data-silk~=a5][data-silk]{z-index:-1;position:absolute;inset:0}[data-silk~="0aj"] [data-silk~=a5][data-silk~=aNp]{z-index:1;pointer-events:initial!important}[data-silk~=a6]{--silk-aT:calc(2*var(--silk-aO));z-index:1;flex-wrap:nowrap;place-items:center;display:flex;position:absolute;inset:0}[data-silk~=a6][data-silk~=aGh],[data-silk~=a6][data-silk~=aGi],[data-silk~=a6][data-silk~=aGj]{width:var(--silk-aT);scroll-snap-type:x mandatory;flex-direction:row;height:100%;overflow:auto hidden}[data-silk~=a6][data-silk~=aGg],[data-silk~=a6][data-silk~=aGf],[data-silk~=a6][data-silk~=aGk]{height:var(--silk-aT);scroll-snap-type:y mandatory;flex-direction:column;width:100%;overflow:hidden auto}[data-silk~=a6][data-silk~=aGh]{left:calc(-1*var(--silk-aO))}[data-silk~=a6][data-silk~=aGi]{right:calc(-1*var(--silk-aO))}[data-silk~=a6][data-silk~=aGf]{top:calc(-1*var(--silk-aO))}[data-silk~=a6][data-silk~=aGg]{bottom:calc(-1*var(--silk-aO))}[data-silk~=a6][data-silk~=aGj]{left:calc(-.5*var(--silk-aO))}[data-silk~=a6][data-silk~=aGk]{top:calc(-.5*var(--silk-aO))}[data-silk~=a6][data-silk~=aNo][data-silk]{pointer-events:none;-webkit-user-select:none;user-select:none}[data-silk~=a6][data-silk~=aHo][data-silk]{overflow:hidden}[data-silk~=a6][data-silk~=aMj]{overscroll-behavior-x:contain}[data-silk~=a6][data-silk~=aMk]{overscroll-behavior-y:contain}[data-silk~=a6][data-silk~=aMai]{overscroll-behavior:contain}[data-silk~=a6][data-silk~=aJo][data-silk~=aGh],[data-silk~=a6][data-silk~=aJo][data-silk~=aGi],[data-silk~=a6][data-silk~=aJo][data-silk~=aGj]{overscroll-behavior-x:none}[data-silk~=a6][data-silk~=aJo][data-silk~=aGf],[data-silk~=a6][data-silk~=aJo][data-silk~=aGg],[data-silk~=a6][data-silk~=aJo][data-silk~=aGk]{overscroll-behavior-y:none}[data-silk~="0aj"] [data-silk~=a6][data-silk]{overflow:hidden}[data-silk~=a6]{scrollbar-width:none}[data-silk~=a6]::-webkit-scrollbar{display:none}[data-silk~=a6]>*{--silk-aO:var(--silk-aD,50%);flex-grow:0;flex-shrink:0}.Sheet_edgeMarker{z-index:1;position:absolute;overflow:hidden}.Sheet_edgeMarker[data-silk~=aFh],.Sheet_edgeMarker[data-silk~=aFi]{width:30px;height:100%}.Sheet_edgeMarker[data-silk~=aFh]{right:-2px}.Sheet_edgeMarker[data-silk~=aFi]{left:calc(var(--silk-aJ) + var(--silk-aN) + var(--silk-aO) - (var(--silk-aO) - var(--silk-aF)) - 2px)}[data-silk~=a7]{-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important}[data-silk~=a7][data-silk~=aGh],[data-silk~=a7][data-silk~=aGf]{order:3}[data-silk~=a7][data-silk~=aGi],[data-silk~=a7][data-silk~=aGg],[data-silk~=a7][data-silk~=aGj],[data-silk~=a7][data-silk~=aGk]{order:1}[data-silk~=a7][data-silk~=aGh],[data-silk~=a7][data-silk~=aGi],[data-silk~=a7][data-silk~=aGj]{width:var(--silk-aH);height:1px}[data-silk~=a7][data-silk~=aGf],[data-silk~=a7][data-silk~=aGg],[data-silk~=a7][data-silk~=aGk]{height:var(--silk-aH);width:1px}[data-silk~=a7][data-silk~=aGi],[data-silk~=a7][data-silk~=aGg],[data-silk~=a7][data-silk~=aGj],[data-silk~=a7][data-silk~=aGk]{scroll-snap-align:start}[data-silk~=a7][data-silk~=aGh],[data-silk~=a7][data-silk~=aGf]{scroll-snap-align:end}[data-silk~=a10]{z-index:1;pointer-events:none;-webkit-user-select:text;user-select:text;order:2;display:flex;position:sticky}[data-silk~=a10][data-silk~=aFr][data-silk~=aGj],[data-silk~=a10][data-silk~=aFr][data-silk~=aGk]{position:relative}[data-silk~=a10][data-silk~=aGh],[data-silk~=a10][data-silk~=aGi],[data-silk~=a10][data-silk~=aGj]{width:var(--silk-aO);align-items:center;height:100%}[data-silk~=a10][data-silk~=aFh]{justify-content:flex-start}[data-silk~=a10][data-silk~=aFi]{justify-content:flex-end}[data-silk~=a10][data-silk~=aGg],[data-silk~=a10][data-silk~=aGf],[data-silk~=a10][data-silk~=aGk]{height:var(--silk-aO);justify-content:center;width:100%}[data-silk~=a10][data-silk~=aFf]{align-items:flex-start}[data-silk~=a10][data-silk~=aFg]{align-items:flex-end}[data-silk~=a10][data-silk~=aFr]{justify-content:center;align-items:center}[data-silk~=a10][data-silk~=aGh],[data-silk~=a10][data-silk~=aGi],[data-silk~=a10][data-silk~=aGf],[data-silk~=a10][data-silk~=aGg]{--silk-aV:calc(var(--silk-aO) - var(--silk-aF) - var(--silk-aL))}[data-silk~=a10][data-silk~=aGh][data-silk~=aFr],[data-silk~=a10][data-silk~=aGi][data-silk~=aFr],[data-silk~=a10][data-silk~=aGf][data-silk~=aFr],[data-silk~=a10][data-silk~=aGg][data-silk~=aFr]{--silk-aV:calc((var(--silk-aO) - var(--silk-aF))/2 - var(--silk-aL))}[data-silk~=a10][data-silk~=aGj],[data-silk~=a10][data-silk~=aGk]{--silk-aV:calc((var(--silk-aO) - var(--silk-aF))/2 - var(--silk-aO)/2 - var(--silk-aL))}[data-silk~=a10][data-silk~=aGh]{left:var(--silk-aV)}[data-silk~=a10][data-silk~=aGi]{right:var(--silk-aV)}[data-silk~=a10][data-silk~=aGf]{top:var(--silk-aV)}[data-silk~=a10][data-silk~=aGg]{bottom:var(--silk-aV)}[data-silk~=a10][data-silk~=aGj]:not([data-silk~=aFr]){left:var(--silk-aV);right:var(--silk-aV)}[data-silk~=a10][data-silk~=aGk]:not([data-silk~=aFr]){top:var(--silk-aV);bottom:var(--silk-aV)}[data-silk~=a15]{--INFO:This element prevents “swipe from edge to go back“ on iOS.See the Silk Sheet docs.;pointer-events:initial;-webkit-user-select:none;user-select:none;will-change:transform;width:30px;height:100%;position:absolute;top:0;bottom:0;left:-2px}[data-silk~=a15][data-silk~=aGg],[data-silk~=a15][data-silk~=aGf],[data-silk~=a15][data-silk~=aGk]{height:calc(100% + var(--silk-aH) + var(--silk-aI))}[data-silk~=a15][data-silk~=aGg],[data-silk~=a15][data-silk~=aGk]{top:calc(-1*var(--silk-aH));bottom:calc(-1*var(--silk-aI))}[data-silk~=a15][data-silk~=aGf]{top:calc(-1*var(--silk-aI));bottom:calc(-1*var(--silk-aH))}[data-silk~=a10][data-silk~=aJo][data-silk~=aIo]{--silk-aV:calc(var(--silk-aO) - var(--silk-aF) + var(--silk-aK))}[data-silk~=a10][data-silk~=aJo][data-silk~=aGh]{right:0}[data-silk~=a10][data-silk~=aJo][data-silk~=aGi]{left:0}[data-silk~=a10][data-silk~=aJo][data-silk~=aGf]{bottom:0}[data-silk~=a10][data-silk~=aJo][data-silk~=aGg]{top:0}[data-silk~=a10][data-silk~=aJp][data-silk~=aGh]{right:var(--silk-aS)}[data-silk~=a10][data-silk~=aJp][data-silk~=aGi]{left:var(--silk-aS)}[data-silk~=a10][data-silk~=aJp][data-silk~=aGf]{bottom:var(--silk-aS)}[data-silk~=a10][data-silk~=aJp][data-silk~=aGg]{top:var(--silk-aS)}[data-silk~=a11][data-silk~=aFf],[data-silk~=a11][data-silk~=aFg],[data-silk~=a11][data-silk~=aFr][data-silk~=aGk],[data-silk~=a11][data-silk~=aFr][data-silk~=aGf],[data-silk~=a11][data-silk~=aFr][data-silk~=aGg]{--silk-default-width:100%;--silk-default-height:50%}[data-silk~=a11][data-silk~=aFh],[data-silk~=a11][data-silk~=aFi],[data-silk~=a11][data-silk~=aFr][data-silk~=aGj],[data-silk~=a11][data-silk~=aFr][data-silk~=aGh],[data-silk~=a11][data-silk~=aFr][data-silk~=aGi]{--silk-default-width:50%;--silk-default-height:100%}[data-silk~=a11]{pointer-events:initial;user-select:initial;box-sizing:border-box!important;margin:0!important;position:relative!important;overflow:visible!important}[data-silk~=a11][data-silk~=aNo]{pointer-events:initial}[data-silk~=a11]:not(#\#):not(#\#){--NOTE:"Must not have `position: static`"}[data-silk~=a11]>*{--NOTE: ;--silk-default-width:initial;--silk-default-height:initial}[data-silk~=a12]{box-sizing:border-box!important;z-index:-1!important;position:absolute!important}[data-silk~=a12][data-silk~=aFh],[data-silk~=a12][data-silk~=aFi]{width:calc(100% + var(--silk-aQ))!important;height:100%!important}[data-silk~=a12][data-silk~=aKo][data-silk~=aFh],[data-silk~=a12][data-silk~=aKo][data-silk~=aFi]{width:100%!important}[data-silk~=a12][data-silk~=aFh]{top:0!important;right:0!important}[data-silk~=a12][data-silk~=aFi],[data-silk~=a12][data-silk~=aFr][data-silk~=aGj]{top:0!important;left:0!important}[data-silk~=a12][data-silk~=aFf],[data-silk~=a12][data-silk~=aFg]{height:calc(100% + var(--silk-aQ))!important;width:100%!important}[data-silk~=a12][data-silk~=aKo][data-silk~=aFf],[data-silk~=a12][data-silk~=aKo][data-silk~=aFg]{height:100%!important}[data-silk~=a12][data-silk~=aFf]{bottom:0!important;left:0!important}[data-silk~=a12][data-silk~=aFg],[data-silk~=a12][data-silk~=aFr][data-silk~=aGk]{top:0!important;left:0!important}[data-silk~=a12][data-silk~=aFr]{width:100%!important;height:100%!important}[data-silk~=a12]:not([data-silk~=aBaj])[data-silk~=aFf],[data-silk~=a12]:not([data-silk~=aBaj])[data-silk~=aFg]{height:calc(100% + 50px)!important}[data-silk~=a12]:not([data-silk~=aBaj])[data-silk~=aFh],[data-silk~=a12]:not([data-silk~=aBaj])[data-silk~=aFi]{width:calc(100% + 50px)!important}[data-silk~=a8]{position:relative;-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important}[data-silk~=a8][data-silk~=aGh],[data-silk~=a8][data-silk~=aGf]{scroll-snap-align:start;order:1}[data-silk~=a8][data-silk~=aGi],[data-silk~=a8][data-silk~=aGg]{scroll-snap-align:end;order:3}[data-silk~=a8][data-silk~=aGh],[data-silk~=a8][data-silk~=aGi],[data-silk~=a8][data-silk~=aGj]{width:var(--silk-aI);height:1px}[data-silk~=a8][data-silk~=aGg],[data-silk~=a8][data-silk~=aGf],[data-silk~=a8][data-silk~=aGk]{height:var(--silk-aI);width:1px}[data-silk~=a8][data-silk~=aGj],[data-silk~=a8][data-silk~=aGk]{scroll-snap-align:end;order:3}[data-silk~=a9]{--silk-aW:calc(100% + var(--silk-aF) - var(--silk-aB));--silk-aX:calc(var(--silk-aO) - var(--silk-aB) + var(--silk-aA));counter-increment:count 1;--debug-color:#209928;place-items:center;display:grid;position:absolute}[data-silk~=a9][data-silk~=aGh],[data-silk~=a9][data-silk~=aGi],[data-silk~=a9][data-silk~=aGj]{width:calc(var(--silk-aB) - var(--silk-aA));height:1px}[data-silk~=a9][data-silk~=aGf],[data-silk~=a9][data-silk~=aGg],[data-silk~=a9][data-silk~=aGk]{height:calc(var(--silk-aB) - var(--silk-aA));width:1px}[data-silk~=a9][data-silk~=aGh],[data-silk~=a9][data-silk~=aGf]{scroll-snap-align:end}[data-silk~=a9][data-silk~=aGi],[data-silk~=a9][data-silk~=aGg]{scroll-snap-align:start}[data-silk~=a9][data-silk~=aGj],[data-silk~=a9][data-silk~=aGk]{scroll-snap-align:center}[data-silk~=a9][data-silk~=aGj]{right:calc(100% + (var(--silk-aO) - var(--silk-aB))/2)}[data-silk~=a9][data-silk~=aGk]{bottom:calc(100% + (var(--silk-aO) - var(--silk-aB))/2)}[data-silk~=a9][data-silk~=aGh]{left:var(--silk-aW);scroll-margin-right:var(--silk-aX);top:calc(var(--silk-aC)*10px)}@supports not (scroll-margin-right:1px){[data-silk~=a9][data-silk~=aGh]{scroll-snap-margin-right:var(--silk-aX)}}[data-silk~=a9][data-silk~=aGi]{right:var(--silk-aW);scroll-margin-left:var(--silk-aX);top:calc(var(--silk-aC)*10px)}@supports not (scroll-margin-left:1px){[data-silk~=a9][data-silk~=aGi]{scroll-snap-margin-left:var(--silk-aX)}}[data-silk~=a9][data-silk~=aGf]{top:var(--silk-aW);scroll-margin-bottom:var(--silk-aX);left:calc(var(--silk-aC)*10px)}@supports not (scroll-margin-bottom:1px){[data-silk~=a9][data-silk~=aGf]{scroll-snap-margin-bottom:var(--silk-aX)}}[data-silk~=a9][data-silk~=aGg]{bottom:var(--silk-aW);scroll-margin-top:var(--silk-aX);left:calc(var(--silk-aC)*10px)}@supports not (scroll-margin-top:1px){[data-silk~=a9][data-silk~=aGg]{scroll-snap-margin-top:var(--silk-aX)}}[data-silk~=a9][data-silk~=aIo]:first-child,[data-silk~=a9][data-silk~=aGh]:only-child,[data-silk~=a9][data-silk~=aGi]:only-child,[data-silk~=a9][data-silk~=aGf]:only-child,[data-silk~=a9][data-silk~=aGg]:only-child,[data-silk~=a9]:not(:only-child):last-child{scroll-snap-align:none}[data-silk~=a9]:after{color:var(--debug-color);background-color:#fff;border-radius:100%;place-items:center;width:24px;height:24px;margin-left:12px;padding:2px;font-size:18px;display:grid}[data-silk~=e0]{white-space:nowrap!important;word-wrap:normal!important;clip:rect(0,0,0,0)!important;clip-path:inset(0)!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}html[data-silk-native-page-scroll-replaced=true]{width:100vw!important;height:100vh!important;width:100dvw!important;height:100dvh!important;overflow:hidden!important}[data-standalone=true][data-silk-native-page-scroll-replaced=true]{overscroll-behavior:none!important;height:100vh!important}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cEb][data-silk~=cAc]){overscroll-behavior-x:none!important}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cEb][data-silk~=cAd]){overscroll-behavior-y:none!important}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cKa]){scroll-behavior:auto}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cKb]){scroll-behavior:smooth}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cKk]){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cKk]){scroll-behavior:auto}}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cLb]){overflow-anchor:none}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cMq]){scroll-snap-type:y proximity}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cMp]){scroll-snap-type:x proximity}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cMo]){scroll-snap-type:y mandatory}html[data-silk-native-page-scroll-replaced=false]:has([data-silk~=c2][data-silk~=cHa][data-silk~=cMn]){scroll-snap-type:x mandatory}[data-silk-native-page-scroll-replaced=true]>body{width:100vw!important;height:100vh!important;width:100dvw!important;height:100dvh!important;overflow:hidden!important}[data-standalone=true][data-silk-native-page-scroll-replaced=true]>body{overscroll-behavior:none!important;height:100vh!important}[data-standalone=false][data-silk-native-page-scroll-replaced=true]>body{position:fixed!important;top:0!important}[data-silk~=c4]{pointer-events:none;width:50px;height:50px;position:fixed;top:-200px;overflow-y:scroll}[data-silk~=c1]{--NOTE:"`display` can only be set to `none` or `grid`";display:grid;position:relative}html:not([data-silk-native-page-scroll-replaced=true]) [data-silk~=c1][data-silk~=cHa][data-silk~=cAc]{width:auto!important}html:not([data-silk-native-page-scroll-replaced=true]) [data-silk~=c1][data-silk~=cHa][data-silk~=cAd]{height:auto!important}[data-silk-native-page-scroll-replaced=true] [data-silk~=c1][data-silk~=cHa]{width:100vw!important;height:100vh!important;width:100dvw!important;height:100dvh!important}[data-standalone=true][data-silk-native-page-scroll-replaced=true] [data-silk~=c1][data-silk~=cHa]{height:100vh!important}[data-silk~=c1]>*{position:absolute!important}[data-silk~=c1][data-silk~=cQa] input,[data-silk~=c1][data-silk~=cQa] textarea,[data-silk~=c1][data-silk~=cQa] [contenteditable=true]{caret-color:#0000!important}[data-silk~=c2]{scrollbar-color:inherit;scrollbar-gutter:inherit;outline:none!important;padding:0!important;display:grid!important;position:relative!important}[data-silk~=c2]:focus{outline:none}[data-silk-native-page-scroll-replaced=false] [data-silk~=c2][data-silk~=cHa]{overflow:visible!important}[data-silk~=c2][data-silk~=cAd]{overflow:hidden auto!important}[data-silk~=c2][data-silk~=cAc]{overflow:auto hidden!important}[data-silk~=c2][data-silk~=cAe]{overflow:auto!important}[data-silk~=c2]{--grid-template:0px max-content 0px max-content 0px max-content 0px!important}[data-silk~=c2][data-silk~=cAd]{grid-template-rows:var(--grid-template)}[data-silk~=c2][data-silk~=cAc]{grid-template-columns:var(--grid-template)}[data-silk~=c2][data-silk~=cCa]{overscroll-behavior-x:contain!important}[data-silk~=c2][data-silk~=cCa][data-silk~=cIb]{overscroll-behavior-x:none!important}[data-silk~=c2][data-silk~=cDa]{overscroll-behavior-y:contain!important}[data-silk~=c2][data-silk~=cDa][data-silk~=cJb]{overscroll-behavior-y:none!important}[data-silk~=c2][data-silk~=cCa][data-silk~=cIb][data-silk~=cJb]{overflow-x:auto!important}[data-silk~=c2][data-silk~=cDa][data-silk~=cIb][data-silk~=cJb]{overflow-y:auto!important}[data-silk~=c2][data-silk~=cEb][data-silk~=cAc]{overscroll-behavior-x:none!important}[data-silk~=c2][data-silk~=cEb][data-silk~=cAd]{overscroll-behavior-y:none!important}[data-silk~=c2][data-silk~=cFa],[data-silk~="0aj"] [data-silk~=c2]{overflow-anchor:none;overflow:hidden!important}[data-silk~=c2][data-silk~=cFa][data-silk~=cIa],[data-silk~="0aj"] [data-silk~=c2][data-silk~=cPa][data-silk~=cIa]{padding-bottom:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~=c2][data-silk~=cFa][data-silk~=cJa]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)),[data-silk~="0aj"] [data-silk~=c2][data-silk~=cJa]:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)){padding-right:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~=c2][data-silk~=cFa][data-silk~=cJa]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[data-silk~=c2][data-silk~=cFa][data-silk~=cJa]:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~=c2][data-silk~=cFa][data-silk~=cJa]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~=c2][data-silk~=cFa][data-silk~=cJa]:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~=c2][data-silk~=cFa][data-silk~=cJa]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~="0aj"] [data-silk~=c2][data-silk~=cJa]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[data-silk~="0aj"] [data-silk~=c2][data-silk~=cJa]:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~="0aj"] [data-silk~=c2][data-silk~=cJa]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~="0aj"] [data-silk~=c2][data-silk~=cJa]:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~="0aj"] [data-silk~=c2][data-silk~=cJa]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--silk-cA,var(--ua-scrollbar-thickness))!important}[data-silk~=c2][data-silk~=cKa]{scroll-behavior:auto}[data-silk~=c2][data-silk~=cKb],[data-silk~=c2][data-silk~=cKk]{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){[data-silk~=c2][data-silk~=cKk]{scroll-behavior:auto}}[data-silk~=c2][data-silk~=cLb]{overflow-anchor:none}[data-silk~=c2][data-silk~=cMq]{scroll-snap-type:y proximity}[data-silk~=c2][data-silk~=cMp]{scroll-snap-type:x proximity}[data-silk~=c2][data-silk~=cMo]{scroll-snap-type:y mandatory}[data-silk~=c2][data-silk~=cMn]{scroll-snap-type:x mandatory}[data-silk~=c2][data-silk~=cPb]{scrollbar-width:none}[data-silk~=c2][data-silk~=cPb]::-webkit-scrollbar{display:none}[data-silk~=c2][data-silk~=cCa][data-silk~=cIb][data-silk~=cJb],[data-silk~=c2][data-silk~=cDa][data-silk~=cIb][data-silk~=cJb]{scrollbar-width:none!important}[data-silk~=c2][data-silk~=cCa][data-silk~=cIb][data-silk~=cJb]::-webkit-scrollbar{display:none!important}[data-silk~=c2][data-silk~=cDa][data-silk~=cIb][data-silk~=cJb]::-webkit-scrollbar{display:none!important}[data-silk~=c2][data-silk~=cCa][data-silk~=cIb][data-silk~=cJb]:before{content:"";width:101%;height:1px;position:absolute;top:0;left:0;-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important}[data-silk~=c2][data-silk~=cDa][data-silk~=cIb][data-silk~=cJb]:after{content:"";width:1px;height:101%;position:absolute;top:0;left:0;-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important}[data-silk~=c5]{width:1px;height:1px;margin-bottom:-1px;margin-right:-1px}[data-silk~=c5][data-silk~=cAd][data-silk~=cGh]{grid-row:1}[data-silk~=c5][data-silk~=cAd][data-silk~=cGi]{grid-row:-1}[data-silk~=c5][data-silk~=cAc][data-silk~=cGh]{grid-column:-1}[data-silk~=c5][data-silk~=cAd][data-silk~=cGi]{margin-top:-2px}[data-silk~=c5][data-silk~=cAc][data-silk~=cGi]{margin-left:-2px}[data-silk~=c6][data-silk~=cAd]{width:1px;height:0}[data-silk~=c6][data-silk~=cAc]{width:0;height:1px}[data-silk~=c6][data-silk~=cAd]{grid-row:2}[data-silk~=c6][data-silk~=cAc]{grid-column:2}html:not([data-silk-native-page-scroll-replaced=true]) [data-silk~=c6][data-silk~=cHa]{width:0!important;height:0!important}[data-silk~=c7][data-silk~=cAd]{width:1px;height:0}[data-silk~=c7][data-silk~=cAc]{width:0;height:1px}html:not([data-silk-native-page-scroll-replaced=true]) [data-silk~=c7][data-silk~=cHa]{width:0!important;height:0!important}[data-silk~=c7][data-silk~=cAd]{grid-row:6}[data-silk~=c7][data-silk~=cAc]{grid-column:6}[data-silk~=c3]{position:relative!important}[data-silk~=c3][data-silk~=cAd]{grid-row:4!important}[data-silk~=c3][data-silk~=cAc]{grid-column:4!important}[data-silk~=c3][data-silk~=cCa][data-silk~=cIb]{position:sticky!important;left:0!important;right:0!important}[data-silk~=c3][data-silk~=cDa][data-silk~=cJb]{position:sticky!important;top:0!important;bottom:0!important}}

downloads/Agenten und Körpergrenzen_files/table-components-ca43bz4f.css

@@ -0,0 +1 @@
+.TyagGW_tableContainer{--thread-content-width:min(calc(100cqw - 2 * var(--thread-content-margin,0)), var(--thread-content-max-width));--thread-gutter-size:calc((100cqw - var(--thread-content-width)) / 2);width:100cqw;margin-inline:calc(-1 * var(--thread-gutter-size));scrollbar-width:thin;overflow-x:auto}.TyagGW_tableWrapper{margin-inline:var(--thread-gutter-size) var(--thread-content-margin);pointer-events:auto}

downloads/Agenten und Körpergrenzen_files/writing-block-link-actions-k3qnrz57.css

@@ -0,0 +1 @@
+._4ccM4G_magic-edit-selection{background-color:var(--theme-user-selection-bg,var(--selection))}[data-me-role=container]{display:block;position:relative}.writing-block-editor.magic-edit-minimal [data-me-role=orig]{display:none}.writing-block-editor [data-me-role=orig],.writing-block-editor [data-me-role=sugg]{-webkit-user-select:text;user-select:text}[data-me-role=orig],[data-me-role=sugg]{position:relative}[data-me-role=orig]:before,[data-me-role=sugg]:before{content:"";z-index:-1;margin-block:-8px;margin-inline-start:calc(var(--writing-block-editor-pl,1.25rem) * -1);margin-inline-end:calc(var(--writing-block-editor-pr,1.25rem) * -1);position:absolute;inset:0}[data-me-role=orig]{color:var(--text-tertiary)}.dark [data-me-role=orig]{color:var(--text-quaternary)}[data-me-role=orig]:before,.dark [data-me-role=orig]:before{background:0 0}[data-me-role=sugg]{color:var(--interactive-label-accent-default)}.writing-block-editor.magic-edit-minimal [data-me-role=sugg]:before{display:none}.writing-block-editor.magic-edit-minimal [data-me-role=orig]:first-child+[data-me-role=sugg]{margin-top:0}[data-me-role=sugg]:before{background:color-mix(in srgb, var(--interactive-bg-accent-default) 50%, transparent);border-top:1px solid var(--bg-primary)}.dark [data-me-role=sugg]:before{background:color-mix(in srgb, var(--interactive-label-accent-default) 5%, transparent);border-top:1px solid #2a2a2a}[data-me-role=orig] [data-me-change=delta]{color:var(--text-tertiary);-webkit-text-decoration:line-through #ef4444cc;text-decoration:line-through #ef4444cc;text-decoration-thickness:1px}.dark [data-me-role=orig] [data-me-change=delta]{color:var(--text-quaternary);text-decoration-color:#f87171cc}[data-me-role=sugg] [data-me-change=delta]{color:inherit;background-color:#0000;padding:0}.writing-block-editor [data-me-role=sugg] ul li::marker{color:currentColor}._4ccM4G_keyBindingTight kbd{color:var(--text-tertiary)!important;box-shadow:none!important;padding-top:0!important;padding-inline:0!important}