:root{--ods-attention-green-success:#5ea62e;--ods-attention-green-success-action:#4a921a;--ods-attention-green-success-hover:#549c24;--ods-attention-green-success-secondary:#2e461f;--ods-attention-red-error:#f36666;--ods-attention-red-error-action:#df5252;--ods-attention-red-error-hover:#e95c5c;--ods-attention-red-error-secondary:#4a2121;--ods-attention-yellow-warning:#ffc008;--ods-attention-yellow-warning-secondary:#4a3b1f;--ods-flamingo-cyan-base:#5efaf0;--ods-flamingo-cyan-action:#4ae6dc;--ods-flamingo-cyan-hover:#54f0e6;--ods-flamingo-cyan-dark:#058c83;--ods-flamingo-cyan-dark-action:#00786f;--ods-flamingo-cyan-dark-hover:#008279;--ods-flamingo-cyan-light:#a1fbf5;--ods-flamingo-cyan-light-action:#8de7e1;--ods-flamingo-cyan-light-hover:#97f1eb;--ods-flamingo-pink-base:#f357bb;--ods-flamingo-pink-action:#df43a7;--ods-flamingo-pink-hover:#e94db1;--ods-flamingo-pink-dark:#792b5d;--ods-flamingo-pink-dark-action:#651749;--ods-flamingo-pink-dark-hover:#6f2153;--ods-flamingo-pink-light:#f9abdd;--ods-flamingo-pink-light-action:#e597c9;--ods-flamingo-pink-light-hover:#efa1d3;--ods-open-yellow-base:#ffc008;--ods-open-yellow-action:#ebac00;--ods-open-yellow-hover:#f5b600;--ods-open-yellow-dark:#ffe084;--ods-open-yellow-dark-action:#ebcc70;--ods-open-yellow-dark-hover:#f5d67a;--ods-open-yellow-light:#7f6004;--ods-open-yellow-light-action:#6b4c00;--ods-open-yellow-light-hover:#755600;--ods-system-greys-background:#161616;--ods-system-greys-background-action:#2a2a2a;--ods-system-greys-background-hover:#202020;--ods-system-greys-black:#212121;--ods-system-greys-black-action:#353535;--ods-system-greys-black-hover:#2b2b2b;--ods-system-greys-grey:#888;--ods-system-greys-grey-action:#747474;--ods-system-greys-grey-hover:#7e7e7e;--ods-system-greys-soft-grey:#3a3a3a;--ods-system-greys-soft-grey-action:#4e4e4e;--ods-system-greys-soft-grey-hover:#444;--ods-system-greys-white:#fafafa;--ods-system-greys-white-action:#f0f0f0;--ods-system-greys-white-hover:#f5f5f5;--color-bg:var(--ods-system-greys-background);--color-bg-card:var(--ods-system-greys-black);--color-bg-hover:var(--ods-system-greys-black-hover);--color-bg-active:var(--ods-system-greys-black-action);--color-bg-overlay:#212121cc;--color-bg-skeleton:var(--ods-system-greys-black);--color-bg-surface:var(--ods-system-greys-soft-grey);--color-bg-inverted:var(--ods-system-greys-white);--color-bg-backdrop:#0009;--color-border-default:var(--ods-system-greys-soft-grey);--color-border-hover:var(--ods-system-greys-soft-grey-hover);--color-border-active:var(--ods-system-greys-soft-grey-action);--color-border-focus:var(--ods-open-yellow-base);--color-divider:var(--ods-system-greys-soft-grey);--color-border-subtle:#3a3a3a80;--color-border-strong:var(--ods-system-greys-grey);--color-text-primary:var(--ods-system-greys-white);--color-text-secondary:var(--ods-system-greys-grey);--color-text-tertiary:var(--ods-system-greys-soft-grey-hover);--color-text-muted:var(--ods-system-greys-grey-action);--color-text-subtle:#fafafa99;--color-text-disabled:var(--ods-system-greys-soft-grey);--color-text-on-accent:#1a1a1a;--color-text-on-dark:var(--ods-system-greys-white);--color-text-inverted:var(--ods-system-greys-background);--color-text-placeholder:#8889;--color-accent-primary:var(--ods-open-yellow-base);--color-accent-hover:var(--ods-open-yellow-hover);--color-accent-active:var(--ods-open-yellow-action);--color-accent-focus:var(--ods-open-yellow-base);--color-accent-disabled:var(--ods-system-greys-soft-grey);--color-success:var(--ods-attention-green-success);--color-success-hover:var(--ods-attention-green-success-hover);--color-success-active:var(--ods-attention-green-success-action);--color-error:var(--ods-attention-red-error);--color-error-hover:var(--ods-attention-red-error-hover);--color-error-active:var(--ods-attention-red-error-action);--color-warning:#f59e0b;--color-warning-hover:#d97706;--color-warning-active:#b45309;--color-info:var(--ods-flamingo-cyan-base);--color-info-hover:var(--ods-flamingo-cyan-hover);--color-info-active:var(--ods-flamingo-cyan-action);--color-disabled:var(--ods-system-greys-soft-grey);--color-focus-ring:var(--ods-open-yellow-base);--color-focus-visible:var(--ods-open-yellow-base);--color-link:var(--ods-open-yellow-base);--color-link-hover:var(--ods-open-yellow-hover);--color-link-visited:#b794f6;--ods-current:var(--color-text-primary)}[data-app-type=openframe]{--color-accent-primary:var(--ods-open-yellow-base);--color-accent-hover:var(--ods-open-yellow-hover);--color-accent-active:var(--ods-open-yellow-action);--color-accent-focus:var(--ods-open-yellow-base);--color-focus-ring:var(--ods-open-yellow-base);--color-focus-visible:var(--ods-open-yellow-base);--color-link:var(--ods-flamingo-cyan-base);--color-link-hover:var(--ods-flamingo-cyan-hover);--color-bg:var(--ods-system-greys-background);--color-bg-card-primary:var(--ods-system-greys-black);--color-bg-card-secondary:var(--ods-system-greys-background);--ods-current:var(--ods-open-yellow-base)}[data-app-type=flamingo]{--color-accent-primary:var(--ods-flamingo-pink-base);--color-accent-hover:var(--ods-flamingo-pink-hover);--color-accent-active:var(--ods-flamingo-pink-action);--color-accent-focus:var(--ods-flamingo-pink-base);--color-focus-ring:var(--ods-flamingo-pink-base);--color-focus-visible:var(--ods-flamingo-pink-base);--color-link:var(--ods-flamingo-pink-base);--color-link-hover:var(--ods-flamingo-pink-hover);--color-bg:var(--ods-system-greys-background);--color-bg-card:var(--ods-system-greys-black);--color-bg-overlay:#000000b3;--color-bg-hover:var(--ods-system-greys-black-hover);--color-bg-active:var(--ods-system-greys-black-action);--color-text-primary:var(--ods-system-greys-white);--color-text-secondary:var(--ods-system-greys-grey);--color-text-tertiary:var(--ods-system-greys-soft-grey-hover);--color-text-muted:var(--ods-system-greys-grey-action);--color-border-default:var(--ods-system-greys-soft-grey);--color-divider:var(--ods-system-greys-soft-grey);--ods-current:var(--ods-flamingo-pink-base)}[data-app-type=tmcg]{--color-accent-primary:var(--ods-flamingo-pink-base);--color-accent-hover:var(--ods-flamingo-pink-hover);--color-accent-active:var(--ods-flamingo-pink-action);--color-accent-focus:var(--ods-flamingo-pink-base);--color-focus-ring:var(--ods-flamingo-pink-base);--color-focus-visible:var(--ods-flamingo-pink-base);--color-link:var(--ods-flamingo-pink-base);--color-link-hover:var(--ods-flamingo-pink-hover);--color-bg:var(--ods-system-greys-background);--color-bg-card:var(--ods-system-greys-background);--color-bg-overlay:#000000b3;--color-bg-hover:var(--ods-system-greys-black-hover);--color-bg-active:var(--ods-system-greys-black-action);--color-text-primary:var(--ods-system-greys-white);--color-text-secondary:var(--ods-system-greys-grey);--color-text-tertiary:var(--ods-system-greys-soft-grey-hover);--color-text-muted:var(--ods-system-greys-grey-action);--color-border-default:var(--ods-system-greys-soft-grey);--color-divider:var(--ods-system-greys-soft-grey);--ods-current:var(--ods-flamingo-pink-base)}.theme-light{--color-bg:var(--ods-system-greys-white);--color-bg-card:#fff;--color-text-primary:var(--ods-system-greys-background);--color-text-secondary:var(--ods-system-greys-soft-grey);--color-text-tertiary:var(--ods-system-greys-grey);--color-border-default:#e5e5e5;--color-divider:#e5e5e5}.theme-high-contrast{--color-bg:#000;--color-bg-card:#000;--color-text-primary:#fff;--color-text-secondary:#fff;--color-accent-primary:#0f0;--color-border-default:#fff;--color-focus-ring:#0f0}:root{--bg:var(--color-bg);--card:var(--color-bg-card);--border:var(--color-border-default);--text:var(--color-text-primary);--accent:var(--color-accent-primary);--success:var(--color-success);--error:var(--color-error);--warning:var(--color-warning);--info:var(--color-info);--disabled:var(--color-disabled);--focus:var(--color-focus-ring)}
:root{--space-0:0;--space-px:.0625rem;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-52:13rem;--space-56:14rem;--space-60:15rem;--space-64:16rem;--space-72:18rem;--space-80:20rem;--space-96:24rem;--space-component-xs:var(--space-2);--space-component-sm:var(--space-3);--space-component-md:var(--space-4);--space-component-lg:var(--space-6);--space-component-xl:var(--space-8);--space-section-xs:var(--space-8);--space-section-sm:var(--space-12);--space-section-md:var(--space-16);--space-section-lg:var(--space-20);--space-section-xl:var(--space-24);--font-family-heading:"Azeret Mono","SF Mono",Monaco,Inconsolata,"Roboto Mono",Consolas,"Courier New",monospace;--font-family-body:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"SF Mono",Monaco,Inconsolata,"Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-size-8xl:6rem;--font-size-9xl:8rem;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--letter-spacing-tighter:-.05em;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--letter-spacing-widest:.1em;--font-heading-1:var(--font-weight-bold)var(--font-size-4xl)/var(--line-height-tight)var(--font-family-heading);--font-heading-2:var(--font-weight-semibold)var(--font-size-3xl)/var(--line-height-tight)var(--font-family-heading);--font-heading-3:var(--font-weight-semibold)var(--font-size-2xl)/var(--line-height-snug)var(--font-family-heading);--font-heading-4:var(--font-weight-medium)var(--font-size-xl)/var(--line-height-snug)var(--font-family-heading);--font-heading-5:var(--font-weight-medium)var(--font-size-lg)/var(--line-height-normal)var(--font-family-heading);--font-heading-6:var(--font-weight-medium)var(--font-size-base)/var(--line-height-normal)var(--font-family-heading);--font-heading-1-responsive:var(--font-responsive-h1);--font-heading-2-responsive:var(--font-responsive-h2);--font-heading-3-responsive:var(--font-responsive-h3);--font-heading-5-responsive:var(--font-responsive-h5);--font-body-large:var(--font-weight-normal)var(--font-size-lg)/var(--line-height-relaxed)var(--font-family-body);--font-body-base:var(--font-weight-normal)var(--font-size-base)/var(--line-height-normal)var(--font-family-body);--font-body-small:var(--font-weight-normal)var(--font-size-sm)/var(--line-height-normal)var(--font-family-body);--font-body-xs:var(--font-weight-normal)var(--font-size-xs)/var(--line-height-normal)var(--font-family-body);--font-caption:var(--font-weight-medium)var(--font-size-sm)/var(--line-height-normal)var(--font-family-body);--font-label:var(--font-weight-medium)var(--font-size-sm)/var(--line-height-tight)var(--font-family-body);--font-button:var(--font-weight-semibold)var(--font-size-base)/var(--line-height-none)var(--font-family-body);--font-code:var(--font-weight-normal)var(--font-size-sm)/var(--line-height-normal)var(--font-family-mono);--radius-none:0;--radius-sm:.125rem;--radius-base:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--radius-button:var(--radius-md);--radius-card:var(--radius-lg);--radius-input:var(--radius-md);--radius-modal:var(--radius-xl);--radius-badge:var(--radius-full);--radius-avatar:var(--radius-full);--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-base:0 4px 6px #00000012,0 2px 4px #0000000f;--shadow-md:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-lg:0 20px 25px #0000001a,0 10px 10px #0000000a;--shadow-xl:0 25px 50px #00000026,0 12px 24px #00000014;--shadow-2xl:0 50px 100px #0003;--shadow-inner:inset 0 2px 4px #0000000f;--shadow-dark-xs:0 1px 2px #0003;--shadow-dark-sm:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-dark-base:0 4px 6px #0000004d,0 2px 4px #0003;--shadow-dark-md:0 10px 15px #0006,0 4px 6px #0003;--shadow-dark-lg:0 20px 25px #0006,0 10px 10px #0003;--shadow-dark-xl:0 25px 50px #00000080,0 12px 24px #0000004d;--shadow-dark-2xl:0 50px 100px #0009;--shadow-card:var(--shadow-sm);--shadow-card-hover:var(--shadow-md);--shadow-modal:var(--shadow-xl);--shadow-dropdown:var(--shadow-lg);--shadow-tooltip:var(--shadow-base);--shadow-focus:0 0 0 3px #ffc0084d;--shadow-accent:0 0 20px #ffc00833;--shadow-accent-lg:0 0 40px #ffc0084d;--duration-instant:0s;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-slower:.75s;--ease-linear:linear;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--ease-elastic:cubic-bezier(.175,.885,.32,1.275);--transition-fast:var(--duration-fast)var(--ease-out);--transition-normal:var(--duration-normal)var(--ease-out);--transition-slow:var(--duration-slow)var(--ease-out);--transition-bounce:var(--duration-normal)var(--ease-bounce);--transition-elastic:var(--duration-slow)var(--ease-elastic);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-notification:800;--z-debug:9999;--button-height-sm:var(--space-8);--button-height-md:var(--space-10);--button-height-lg:var(--space-12);--button-height-xl:var(--space-14);--button-padding-x-sm:var(--space-3);--button-padding-x-md:var(--space-4);--button-padding-x-lg:var(--space-6);--button-padding-x-xl:var(--space-8);--input-height-sm:var(--space-8);--input-height-md:var(--space-10);--input-height-lg:var(--space-12);--input-padding-x:var(--space-3);--input-padding-y:var(--space-2);--card-padding-sm:var(--space-4);--card-padding-md:var(--space-6);--card-padding-lg:var(--space-8);--nav-height:var(--space-16);--nav-item-height:var(--space-10);--nav-item-padding-x:var(--space-4);--modal-width-sm:24rem;--modal-width-md:32rem;--modal-width-lg:48rem;--modal-width-xl:64rem;--modal-width-2xl:80rem;--breakpoint-sm:640px;--breakpoint-md:860px;--breakpoint-lg:1024px;--breakpoint-xl:1550px;--breakpoint-2xl:1920px}.dark{--shadow-card:var(--shadow-dark-sm);--shadow-card-hover:var(--shadow-dark-md);--shadow-modal:var(--shadow-dark-xl);--shadow-dropdown:var(--shadow-dark-lg);--shadow-tooltip:var(--shadow-dark-base)}[data-app-type=flamingo]{--shadow-card:var(--shadow-xs);--shadow-card-hover:var(--shadow-sm);--shadow-modal:var(--shadow-lg)}.theme-high-contrast{--shadow-focus:0 0 0 3px #0f0;--transition-normal:var(--duration-instant)var(--ease-linear);--transition-fast:var(--duration-instant)var(--ease-linear)}
:root{--state-idle:transparent;--state-hover:var(--color-bg-hover);--state-active:var(--color-bg-active);--state-focus:var(--color-accent-primary);--state-disabled:var(--color-disabled);--button-primary-idle:var(--color-accent-primary);--button-primary-hover:var(--color-accent-hover);--button-primary-active:var(--color-accent-active);--button-primary-focus:var(--color-accent-focus);--button-primary-disabled:var(--color-accent-disabled);--button-secondary-idle:transparent;--button-secondary-hover:var(--color-bg-hover);--button-secondary-active:var(--color-bg-active);--button-secondary-focus:var(--color-accent-primary);--button-secondary-disabled:var(--color-disabled);--button-outline-idle:transparent;--button-outline-hover:var(--color-accent-primary);--button-outline-active:var(--color-accent-active);--button-outline-focus:var(--color-accent-focus);--button-outline-disabled:var(--color-disabled);--button-ghost-idle:transparent;--button-ghost-hover:var(--color-bg-hover);--button-ghost-active:var(--color-bg-active);--button-ghost-focus:var(--color-accent-primary);--button-ghost-disabled:var(--color-disabled);--input-idle-bg:var(--color-bg-card);--input-idle-border:var(--color-border-default);--input-hover-bg:var(--color-bg-card);--input-hover-border:var(--color-border-hover);--input-focus-bg:var(--color-bg-card);--input-focus-border:var(--color-border-focus);--input-active-bg:var(--color-bg-card);--input-active-border:var(--color-border-active);--input-disabled-bg:var(--color-bg-surface);--input-disabled-border:var(--color-border-subtle);--input-error-border:var(--color-error);--input-success-border:var(--color-success);--card-idle-bg:var(--color-bg-card);--card-idle-border:var(--color-border-default);--card-idle-shadow:var(--shadow-card);--card-hover-bg:var(--color-bg-card);--card-hover-border:var(--color-border-hover);--card-hover-shadow:var(--shadow-card-hover);--card-active-bg:var(--color-bg-active);--card-active-border:var(--color-border-active);--card-active-shadow:var(--shadow-card);--card-focus-border:var(--color-border-focus);--card-focus-shadow:var(--shadow-focus);--link-idle:var(--color-link);--link-hover:var(--color-link-hover);--link-active:var(--color-accent-active);--link-visited:var(--color-link-visited);--link-focus:var(--color-link);--nav-item-idle-bg:transparent;--nav-item-idle-color:var(--color-text-primary);--nav-item-hover-bg:var(--color-bg-hover);--nav-item-hover-color:var(--color-text-primary);--nav-item-active-bg:var(--color-bg-active);--nav-item-active-color:var(--color-accent-primary);--nav-item-focus-bg:var(--color-bg-hover);--nav-item-focus-color:var(--color-accent-primary)}.ods-interactive{transition:all var(--transition-fast);cursor:pointer}@keyframes pulse-cursor{0%,to{opacity:1}50%{opacity:.3}}.animate-pulse-cursor{animation:1.5s ease-in-out infinite pulse-cursor}@keyframes hint-pulse-ring{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.animate-hint-pulse{background-color:#f357bb0d!important;border-color:#f357bb66!important;animation:1s ease-in-out infinite hint-pulse-ring!important}.ods-interactive:hover{transform:translateY(-1px)}.ods-interactive:active{transform:translateY(0)}.ods-interactive:focus-visible{outline:2px solid var(--state-focus);outline-offset:2px}.ods-interactive:disabled,.ods-interactive[data-disabled=true]{opacity:.6;cursor:not-allowed;transform:none}.ods-button-primary{background-color:var(--button-primary-idle);color:var(--color-text-on-accent);border:1px solid var(--button-primary-idle);transition:all var(--transition-fast)}.ods-button-primary:hover:not(:disabled){background-color:var(--button-primary-hover);border-color:var(--button-primary-hover);box-shadow:var(--shadow-accent)}.ods-button-primary:active:not(:disabled){background-color:var(--button-primary-active);border-color:var(--button-primary-active);transform:translateY(1px)}.ods-button-primary:focus-visible{box-shadow:var(--shadow-focus)}.ods-button-primary:disabled{background-color:var(--button-primary-disabled);border-color:var(--button-primary-disabled);color:var(--color-text-disabled)}.ods-button-secondary{background-color:var(--button-secondary-idle);color:var(--color-text-primary);border:1px solid var(--color-border-default);transition:all var(--transition-fast)}.ods-button-secondary:hover:not(:disabled){background-color:var(--button-secondary-hover);border-color:var(--color-border-hover)}.ods-button-secondary:active:not(:disabled){background-color:var(--button-secondary-active);border-color:var(--color-border-active)}.ods-button-secondary:focus-visible{border-color:var(--button-secondary-focus);box-shadow:var(--shadow-focus)}.ods-button-outline{background-color:var(--button-outline-idle);color:var(--color-accent-primary);border:1px solid var(--color-accent-primary);transition:all var(--transition-fast)}.ods-button-outline:hover:not(:disabled){background-color:var(--button-outline-hover);color:var(--color-text-on-accent)}.ods-button-outline:active:not(:disabled){background-color:var(--button-outline-active)}.ods-button-ghost{background-color:var(--button-ghost-idle);color:var(--color-text-primary);transition:all var(--transition-fast);border:1px solid #0000}.ods-button-ghost:hover:not(:disabled){background-color:var(--button-ghost-hover);color:var(--color-accent-primary)}.ods-button-ghost:active:not(:disabled){background-color:var(--button-ghost-active)}.ods-input{background-color:var(--input-idle-bg);border:1px solid var(--input-idle-border);color:var(--color-text-primary);transition:all var(--transition-fast)}.ods-input::placeholder{color:var(--color-text-placeholder)}.ods-input:hover:not(:disabled):not(:focus){border-color:var(--input-hover-border)}.ods-input:focus{background-color:var(--input-focus-bg);border-color:var(--input-focus-border);box-shadow:var(--shadow-focus);outline:none}.ods-input:active:not(:disabled){border-color:var(--input-active-border)}.ods-input:disabled{background-color:var(--input-disabled-bg);border-color:var(--input-disabled-border);color:var(--color-text-disabled);cursor:not-allowed}.ods-input[data-error=true]{border-color:var(--input-error-border)}.ods-input[data-success=true]{border-color:var(--input-success-border)}.ods-card{background-color:var(--card-idle-bg);border:1px solid var(--card-idle-border);box-shadow:var(--card-idle-shadow);transition:all var(--transition-normal)}.ods-card-interactive{cursor:pointer}.ods-card-interactive:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.ods-card-interactive:active{background-color:var(--card-active-bg);border-color:var(--card-active-border);transform:translateY(0)}.ods-card-interactive:focus-visible{border-color:var(--card-focus-border);box-shadow:var(--card-focus-shadow)}.ods-link{color:var(--link-idle);transition:all var(--transition-fast);text-decoration:none;position:relative}.ods-link:after{content:"";width:0;height:1px;transition:width var(--transition-fast);background-color:currentColor;position:absolute;bottom:-2px;left:0}.ods-link:hover{color:var(--link-hover)}.ods-link:hover:after{width:100%}.ods-link:active{color:var(--link-active)}.ods-link:visited{color:var(--link-visited)}.ods-link:focus-visible{outline:2px solid var(--link-focus);outline-offset:2px}.ods-nav-item{background-color:var(--nav-item-idle-bg);color:var(--nav-item-idle-color);transition:all var(--transition-fast);border-radius:var(--radius-button);padding:var(--space-2)var(--nav-item-padding-x);height:var(--nav-item-height);align-items:center;text-decoration:none;display:flex}.ods-nav-item:hover{background-color:var(--nav-item-hover-bg);color:var(--nav-item-hover-color)}.ods-nav-item[data-active=true]{background-color:var(--nav-item-active-bg);color:var(--nav-item-active-color);font-weight:var(--font-weight-medium)}.ods-nav-item:focus-visible{background-color:var(--nav-item-focus-bg);color:var(--nav-item-focus-color);outline:2px solid var(--state-focus);outline-offset:-2px}.ods-loading{position:relative;overflow:hidden}.ods-loading:after{content:"";background:linear-gradient(90deg,#0000,#ffc00833,#0000);width:100%;height:100%;animation:1.5s infinite loading-shimmer;position:absolute;top:0;left:-100%}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}[data-app-type=flamingo]{--card-hover-shadow:var(--shadow-sm);--shadow-focus:0 0 0 3px #f357bb4d}[data-app-type=admin-hub]{--shadow-focus:0 0 0 3px #f357bb4d}[data-app-type=openframe]{--shadow-focus:0 0 0 3px #5efaf04d}@media (prefers-reduced-motion:reduce){.ods-interactive,.ods-button-primary,.ods-button-secondary,.ods-button-outline,.ods-button-ghost,.ods-input,.ods-card,.ods-link,.ods-nav-item{transition:none}.ods-interactive:hover,.ods-card-interactive:hover{transform:none}.ods-loading:after{animation:none}}
:root{--device-type:desktop;--device-screen-width:80rem;--spacing-system-zero:0rem;--spacing-system-xxs:.25rem;--spacing-system-xs:.5rem;--spacing-system-xsf:.5rem;--spacing-system-s:.75rem;--spacing-system-sf:.75rem;--spacing-system-m:1rem;--spacing-system-mf:1rem;--spacing-system-l:1.5rem;--spacing-system-lf:1.5rem;--spacing-system-xl:2.5rem;--spacing-system-xlf:2.5rem;--spacing-system-xxl:5rem;--font-size-h1-title:3.5rem;--font-size-h2-sub-title:2rem;--font-size-h3-body:1.125rem;--font-size-h5-caption:.875rem;--font-line-space-h1-main-title:4rem;--font-line-space-h2-sub-title:2.5rem;--font-line-space-h3-body:1.5rem;--font-line-space-h5-caption:1.25rem;--icon-size-icon-size:1.5rem}@media (max-width:50rem){:root{--device-type:tablet;--device-screen-width:50rem;--spacing-system-zero:0rem;--spacing-system-xxs:.25rem;--spacing-system-xs:.5rem;--spacing-system-xsf:.5rem;--spacing-system-s:.75rem;--spacing-system-sf:.75rem;--spacing-system-m:1rem;--spacing-system-mf:1rem;--spacing-system-l:1.5rem;--spacing-system-lf:1.5rem;--spacing-system-xl:2.5rem;--spacing-system-xlf:2.5rem;--spacing-system-xxl:3rem;--font-size-h1-title:3rem;--font-size-h2-sub-title:2rem;--font-size-h3-body:1.125rem;--font-size-h5-caption:.875rem;--font-line-space-h1-main-title:3.5rem;--font-line-space-h2-sub-title:2.5rem;--font-line-space-h3-body:1.5rem;--font-line-space-h5-caption:1.25rem;--icon-size-icon-size:1.5rem}}@media (max-width:26.875rem){:root{--device-type:mobile;--device-screen-width:26.875rem;--spacing-system-zero:0rem;--spacing-system-xxs:.25rem;--spacing-system-xs:.25rem;--spacing-system-xsf:.5rem;--spacing-system-s:.5rem;--spacing-system-sf:.75rem;--spacing-system-m:.75rem;--spacing-system-mf:1rem;--spacing-system-l:1rem;--spacing-system-lf:1.5rem;--spacing-system-xl:1.5rem;--spacing-system-xlf:2.5rem;--spacing-system-xxl:2.5rem;--font-size-h1-title:2.5rem;--font-size-h2-sub-title:1.5rem;--font-size-h3-body:.875rem;--font-size-h5-caption:.75rem;--font-line-space-h1-main-title:2.5rem;--font-line-space-h2-sub-title:2rem;--font-line-space-h3-body:1.25rem;--font-line-space-h5-caption:1rem;--icon-size-icon-size:1rem}}@media (max-width:23.4375rem){:root{--device-type:mobile-s;--device-screen-width:23.4375rem;--icon-size-icon-size:1rem}}:root{--space-responsive-zero:var(--spacing-system-zero);--space-responsive-xxs:var(--spacing-system-xxs);--space-responsive-xs:var(--spacing-system-xs);--space-responsive-s:var(--spacing-system-s);--space-responsive-m:var(--spacing-system-m);--space-responsive-l:var(--spacing-system-l);--space-responsive-xl:var(--spacing-system-xl);--space-responsive-xxl:var(--spacing-system-xxl);--space-component-responsive-xs:var(--spacing-system-xs);--space-component-responsive-sm:var(--spacing-system-s);--space-component-responsive-md:var(--spacing-system-m);--space-component-responsive-lg:var(--spacing-system-l);--space-component-responsive-xl:var(--spacing-system-xl);--space-section-responsive-xs:var(--spacing-system-m);--space-section-responsive-sm:var(--spacing-system-l);--space-section-responsive-md:var(--spacing-system-xl);--space-section-responsive-lg:var(--spacing-system-xxl);--font-responsive-h1:var(--font-weight-bold)var(--font-size-h1-title)/var(--font-line-space-h1-main-title)var(--font-family-heading);--font-responsive-h2:var(--font-weight-semibold)var(--font-size-h2-sub-title)/var(--font-line-space-h2-sub-title)var(--font-family-heading);--font-responsive-h3:var(--font-weight-medium)var(--font-size-h3-body)/var(--font-line-space-h3-body)var(--font-family-body);--font-responsive-h5:var(--font-weight-medium)var(--font-size-h5-caption)/var(--font-line-space-h5-caption)var(--font-family-body);--space-responsive-component-xs:var(--space-component-responsive-xs);--space-responsive-component-sm:var(--space-component-responsive-sm);--space-responsive-component-md:var(--space-component-responsive-md);--space-responsive-component-lg:var(--space-component-responsive-lg);--space-responsive-component-xl:var(--space-component-responsive-xl);--space-responsive-section-xs:var(--space-section-responsive-xs);--space-responsive-section-sm:var(--space-section-responsive-sm);--space-responsive-section-md:var(--space-section-responsive-md);--space-responsive-section-lg:var(--space-section-responsive-lg)}.responsive-spacing-debug{--current-device:var(--device-type)}[data-app-type=admin-hub]{--spacing-system-xxl:calc(var(--spacing-system-xxl)*.8)}[data-app-type=flamingo-teaser]{--spacing-system-xxl:calc(var(--spacing-system-xxl)*1.2)}@media (prefers-reduced-motion:reduce){:root{--transition-responsive:none}}
:root{--vw-mobile:23.4375rem;--vw-tablet:50rem;--vw-desktop:80rem;--font-size-h1-fluid:clamp(2.5rem,2.1429rem + 1.5238vw,3.5rem);--font-size-h2-fluid:clamp(1.5rem,1.2857rem + .9524vw,2rem);--font-size-h3-fluid:clamp(1.25rem,1.1786rem + .3571vw,1.5rem);--font-size-h4-fluid:clamp(1.125rem,1.0893rem + .1786vw,1.25rem);--font-size-h5-fluid:clamp(.875rem,.7679rem + .5357vw,1.125rem);--font-size-h6-fluid:clamp(.75rem,.7143rem + .1786vw,.875rem);--font-size-body-large-fluid:clamp(1rem,.9643rem + .1786vw,1.125rem);--font-size-body-base-fluid:clamp(.875rem,.8393rem + .1786vw,1rem);--font-size-body-small-fluid:clamp(.75rem,.7143rem + .1786vw,.875rem);--line-height-h1-fluid:clamp(2.75rem,2.4286rem + 1.3714vw,3.75rem);--line-height-h2-fluid:clamp(1.75rem,1.5357rem + .9143vw,2.25rem);--line-height-h3-fluid:clamp(1.625rem,1.5536rem + .3571vw,1.875rem);--line-height-h4-fluid:clamp(1.5rem,1.4643rem + .1786vw,1.625rem);--line-height-h5-fluid:clamp(1.125rem,1.0179rem + .5357vw,1.375rem);--line-height-h6-fluid:clamp(1rem,.9643rem + .1786vw,1.125rem);--line-height-body-large-fluid:clamp(1.5rem,1.4643rem + .1786vw,1.625rem);--line-height-body-base-fluid:clamp(1.25rem,1.2143rem + .1786vw,1.375rem);--line-height-body-small-fluid:clamp(1.125rem,1.0893rem + .1786vw,1.25rem);--spacing-component-xs-fluid:clamp(.25rem,.2143rem + .1786vw,.375rem);--spacing-component-sm-fluid:clamp(.5rem,.4286rem + .3571vw,.75rem);--spacing-component-md-fluid:clamp(.75rem,.6429rem + .5357vw,1rem);--spacing-component-lg-fluid:clamp(1rem,.7143rem + 1.4286vw,1.5rem);--spacing-component-xl-fluid:clamp(1.5rem,1.0714rem + 2.1429vw,2.5rem);--spacing-section-xs-fluid:clamp(1.5rem,1.0714rem + 2.1429vw,2.5rem);--spacing-section-sm-fluid:clamp(2rem,1.4286rem + 2.8571vw,3rem);--spacing-section-md-fluid:clamp(2.5rem,1.7857rem + 3.5714vw,4rem);--spacing-section-lg-fluid:clamp(3rem,2.1429rem + 4.2857vw,5rem);--spacing-section-xl-fluid:clamp(4rem,2.8571rem + 5.7143vw,6rem);--icon-size-xs-fluid:clamp(.75rem,.7143rem + .1786vw,.875rem);--icon-size-sm-fluid:clamp(1rem,.9286rem + .3571vw,1.25rem);--icon-size-md-fluid:clamp(1.25rem,1.1429rem + .5357vw,1.5rem);--icon-size-lg-fluid:clamp(1.5rem,1.3571rem + .7143vw,2rem);--icon-size-xl-fluid:clamp(2rem,1.7857rem + 1.0714vw,2.5rem);--font-heading-1-fluid:var(--font-weight-bold)var(--font-size-h1-fluid)/var(--line-height-h1-fluid)var(--font-family-heading);--font-heading-2-fluid:var(--font-weight-semibold)var(--font-size-h2-fluid)/var(--line-height-h2-fluid)var(--font-family-heading);--font-heading-3-fluid:var(--font-weight-semibold)var(--font-size-h3-fluid)/var(--line-height-h3-fluid)var(--font-family-heading);--font-heading-4-fluid:var(--font-weight-medium)var(--font-size-h4-fluid)/var(--line-height-h4-fluid)var(--font-family-heading);--font-heading-5-fluid:var(--font-weight-medium)var(--font-size-h5-fluid)/var(--line-height-h5-fluid)var(--font-family-heading);--font-heading-6-fluid:var(--font-weight-medium)var(--font-size-h6-fluid)/var(--line-height-h6-fluid)var(--font-family-heading);--font-body-large-fluid:var(--font-weight-normal)var(--font-size-body-large-fluid)/var(--line-height-body-large-fluid)var(--font-family-body);--font-body-base-fluid:var(--font-weight-normal)var(--font-size-body-base-fluid)/var(--line-height-body-base-fluid)var(--font-family-body);--font-body-small-fluid:var(--font-weight-normal)var(--font-size-body-small-fluid)/var(--line-height-body-small-fluid)var(--font-family-body);--font-caption-fluid:var(--font-weight-medium)var(--font-size-h6-fluid)/var(--line-height-h6-fluid)var(--font-family-body);--font-label-fluid:var(--font-weight-medium)var(--font-size-body-small-fluid)/var(--line-height-body-small-fluid)var(--font-family-body);--font-button-fluid:var(--font-weight-semibold)var(--font-size-body-base-fluid)/var(--line-height-none)var(--font-family-body);--font-code-fluid:var(--font-weight-normal)var(--font-size-body-small-fluid)/var(--line-height-body-small-fluid)var(--font-family-mono);--fluid-scale-xs:clamp(.8,.7 + .5vw,1);--fluid-scale-sm:clamp(.9,.8 + .5vw,1.1);--fluid-scale-md:clamp(.85,.7 + .75vw,1.25);--fluid-scale-lg:clamp(.8,.6 + 1vw,1.5);--fluid-scale-xl:clamp(.75,.5 + 1.25vw,2);--fluid-container-scale:clamp(.875,.75 + .625cqw,1.125);--border-width-fluid:clamp(1px,.0625rem + .0357vw,2px);--border-radius-sm-fluid:clamp(.25rem,.2143rem + .1786vw,.375rem);--border-radius-md-fluid:clamp(.375rem,.3214rem + .2679vw,.5rem);--border-radius-lg-fluid:clamp(.5rem,.4286rem + .3571vw,.75rem);--border-radius-xl-fluid:clamp(.75rem,.6429rem + .5357vw,1rem);--font-display:swap;--text-rendering:optimizeLegibility;--font-smooth:antialiased;--webkit-font-smoothing:antialiased;--moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:reduce){:root{--font-size-h1-fluid:clamp(2.25rem,2.5rem,3rem);--font-size-h2-fluid:clamp(1.375rem,1.75rem,1.875rem)}}@media (prefers-contrast:high){:root{--font-heading-1-fluid:var(--font-weight-extrabold)var(--font-size-h1-fluid)/var(--line-height-h1-fluid)var(--font-family-heading);--font-heading-2-fluid:var(--font-weight-bold)var(--font-size-h2-fluid)/var(--line-height-h2-fluid)var(--font-family-heading)}}@media (prefers-reduced-data:reduce){:root{--font-size-h1-fluid:clamp(2rem,2.1429rem + 1.0238vw,2.75rem);--font-size-h2-fluid:clamp(1.25rem,1.2857rem + .6524vw,1.625rem)}}@container (min-width:20rem){.fluid-typography-container{--font-size-scaling:1}}@container (min-width:40rem){.fluid-typography-container{--font-size-scaling:1.1}}@container (min-width:60rem){.fluid-typography-container{--font-size-scaling:1.2}}.debug-fluid-typography:before{content:"H1: " var(--font-size-h1-fluid)" | H2: " var(--font-size-h2-fluid)" | H3: " var(--font-size-h3-fluid);background:var(--color-bg-card);color:var(--color-text-primary);padding:var(--spacing-component-xs-fluid);font-family:var(--font-family-mono);font-size:var(--font-size-body-small-fluid);z-index:var(--z-debug);border:1px solid var(--color-border-default);position:fixed;top:0;left:0}:root{--font-size-h1-title:var(--font-size-h1-fluid);--font-size-h2-sub-title:var(--font-size-h2-fluid);--font-size-h3-body:var(--font-size-h5-fluid);--font-size-h5-caption:var(--font-size-h6-fluid);--font-line-space-h1-main-title:var(--line-height-h1-fluid);--font-line-space-h2-sub-title:var(--line-height-h2-fluid);--font-line-space-h3-body:var(--line-height-h5-fluid);--font-line-space-h5-caption:var(--line-height-h6-fluid);--font-responsive-h1:var(--font-heading-1-fluid);--font-responsive-h2:var(--font-heading-2-fluid);--font-responsive-h3:var(--font-heading-5-fluid);--font-responsive-h5:var(--font-heading-6-fluid)}
.theme-transitioning{transition:background-color var(--theme-transition-duration,.3s)ease-out,color var(--theme-transition-duration,.3s)ease-out,border-color var(--theme-transition-duration,.3s)ease-out}.theme-transitioning *{transition:background-color var(--theme-transition-duration,.3s)ease-out,color var(--theme-transition-duration,.3s)ease-out,border-color var(--theme-transition-duration,.3s)ease-out,fill var(--theme-transition-duration,.3s)ease-out,stroke var(--theme-transition-duration,.3s)ease-out}.theme-openmsp{--theme-accent-rgb:255,192,8;--theme-personality:"energetic"}.theme-admin-hub{--theme-accent-rgb:255,107,157;--theme-personality:"professional"}.theme-openframe{--theme-accent-rgb:0,212,170;--theme-personality:"technical"}.theme-flamingo{--theme-accent-rgb:255,107,157;--theme-personality:"creative"}.high-contrast,.theme-high-contrast{--color-text-primary:#fff;--color-text-secondary:#e0e0e0;--color-bg:#000;--color-bg-card:#1a1a1a;--color-border-default:#fff;--color-focus-ring:#ff0;--focus-ring-width:3px;--color-success:#0f0;--color-error:red;--color-warning:#ff0;--color-info:#0ff}.high-contrast *{outline-width:var(--focus-ring-width,2px)!important}.high-contrast button:focus-visible,.high-contrast a:focus-visible,.high-contrast input:focus-visible{outline:var(--focus-ring-width,3px)solid var(--color-focus-ring)!important;outline-offset:2px!important}.theme-dynamic{--color-accent-subtle:color-mix(in srgb,var(--color-accent-primary)60%,transparent);--color-accent-strong:color-mix(in srgb,var(--color-accent-primary)140%,#000);--gradient-accent-primary:linear-gradient(135deg,var(--color-accent-primary)0%,var(--color-accent-hover)100%);--gradient-accent-subtle:linear-gradient(135deg,var(--color-accent-subtle)0%,transparent 100%);--shadow-accent:0 4px 20px color-mix(in srgb,var(--color-accent-primary)25%,transparent);--shadow-accent-strong:0 8px 32px color-mix(in srgb,var(--color-accent-primary)40%,transparent)}@media (max-width:768px){.theme-dynamic{--color-text-secondary:color-mix(in srgb,var(--color-text-secondary)110%,var(--color-text-primary));--touch-target-min:48px}}@media (prefers-reduced-motion:reduce){.theme-transitioning,.theme-transitioning *{transition:none!important;animation:none!important}.theme-dynamic{--theme-transition-duration:0s}}.ods-adaptive-bg{background:var(--color-bg-card);transition:background-color var(--theme-transition-duration,.3s)ease-out}.ods-adaptive-text{color:var(--color-text-primary);transition:color var(--theme-transition-duration,.3s)ease-out}.ods-adaptive-border{border-color:var(--color-border-default);transition:border-color var(--theme-transition-duration,.3s)ease-out}.ods-interactive{transition:all var(--theme-transition-duration,.3s)ease-out;position:relative}.ods-interactive:before{content:"";background:var(--gradient-accent-subtle);opacity:0;transition:opacity var(--theme-transition-duration,.3s)ease-out;pointer-events:none;border-radius:inherit;position:absolute;inset:0}.ods-interactive:hover:before{opacity:.1}.ods-interactive:active:before{opacity:.2}.theme-openmsp .ods-accent-element{animation:2s ease-in-out infinite energetic-pulse}.theme-admin-hub .ods-accent-element{animation:3s ease-in-out infinite professional-fade}.theme-openframe .ods-accent-element{animation:2.5s ease-in-out infinite technical-glow}.theme-flamingo .ods-accent-element{animation:4s ease-in-out infinite creative-wave}@keyframes energetic-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes professional-fade{0%,to{opacity:1}50%{opacity:.8}}@keyframes technical-glow{0%,to{filter:drop-shadow(0 0 8px var(--color-accent-primary))}50%{filter:drop-shadow(0 0 16px var(--color-accent-primary))}}@keyframes creative-wave{0%,to{transform:translateY(0)}33%{transform:translateY(-2px)}66%{transform:translateY(2px)}}.theme-validation-pass{position:relative}.theme-validation-pass:after{content:"✓";background:var(--color-success);color:#fff;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex;position:absolute;top:-8px;right:-8px}.theme-validation-fail{outline:2px solid var(--color-error);outline-offset:2px;position:relative}.theme-validation-fail:after{content:"!";background:var(--color-error);color:#fff;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.theme-debug{--debug-indicator-size:4px}.theme-debug .ods-accent{position:relative}.theme-debug .ods-accent:before{content:"";width:var(--debug-indicator-size);height:var(--debug-indicator-size);z-index:1000;pointer-events:none;background:#f0f;position:absolute;top:0;left:0}.ods-loading-dynamic{background:linear-gradient(90deg,var(--color-bg-skeleton)25%,var(--color-bg-hover)50%,var(--color-bg-skeleton)75%);background-size:200% 100%;animation:2s infinite loading-shimmer}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.theme-openmsp :focus-visible{outline:2px solid var(--ods-open-yellow-base);outline-offset:2px}.theme-admin-hub :focus-visible{outline:2px solid var(--ods-flamingo-pink-base);outline-offset:2px}.theme-openframe :focus-visible{outline:2px solid var(--ods-flamingo-cyan-base);outline-offset:2px}.theme-flamingo :focus-visible{outline:2px solid var(--ods-flamingo-pink-base);outline-offset:2px}.ods-interactive{position:relative;overflow:hidden}.ods-interactive .animate{opacity:0;transition:transform .5s ease-out,opacity .5s ease-out;transform:scale(4)}.high-contrast-button{border-style:solid!important;border-width:2px!important}.high-contrast-button:focus{outline:3px solid var(--color-focus-ring)!important;outline-offset:3px!important}.auto-contrast{color:var(--optimal-text-color,inherit)}.platform-switch-preview{position:relative}.platform-switch-preview:before{content:"";background:var(--preview-color);opacity:.8;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.skeleton-wave{background:linear-gradient(90deg,var(--skeleton-base,var(--color-bg-skeleton))25%,var(--skeleton-highlight,var(--color-bg-hover))50%,var(--skeleton-base,var(--color-bg-skeleton))75%);background-size:200% 100%;animation:2s infinite skeleton-wave-motion}@keyframes skeleton-wave-motion{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-platform-openmsp{--skeleton-accent:color-mix(in srgb,var(--ods-open-yellow-base)8%,transparent)}.skeleton-platform-admin-hub{--skeleton-accent:color-mix(in srgb,var(--ods-flamingo-pink-base)8%,transparent)}.skeleton-platform-openframe{--skeleton-accent:color-mix(in srgb,var(--ods-flamingo-cyan-base)8%,transparent)}.skeleton-platform-flamingo{--skeleton-accent:color-mix(in srgb,var(--ods-flamingo-pink-base)8%,transparent);--skeleton-base:color-mix(in srgb,var(--color-bg-skeleton)20%,#f5f5f5)}.skeleton-stage-0{opacity:.6}.skeleton-stage-1{opacity:.8;background:var(--skeleton-highlight)}.skeleton-stage-2{opacity:1;background:linear-gradient(45deg,var(--skeleton-base),var(--skeleton-accent),var(--skeleton-base));background-size:300% 300%;animation:3s ease-in-out infinite skeleton-interactive}@keyframes skeleton-interactive{0%,to{background-position:0%}50%{background-position:100%}}.platform-skeleton{position:relative}.platform-skeleton:before{content:"";background:var(--skeleton-accent);border-radius:inherit;opacity:.1;pointer-events:none;position:absolute;inset:-2px}@media (prefers-reduced-motion:reduce){.skeleton-wave,.ods-loading-dynamic,.skeleton-stage-2{background:var(--color-bg-skeleton)!important;animation:none!important}}.high-contrast .skeleton-wave,.high-contrast .ods-loading-dynamic{background:repeating-linear-gradient(90deg,var(--color-bg-skeleton)0px,var(--color-border-default)2px,var(--color-bg-skeleton)4px)!important;animation:none!important}.interactive-wrapper{transition:all var(--theme-transition-duration,.2s)ease-out;position:relative;overflow:hidden}.interactive-wrapper.state-hovered{transform:translateY(-1px)}.interactive-wrapper.state-pressed{transform:translateY(0)scale(.98)}.interactive-wrapper.state-focused{outline:2px solid var(--color-focus-ring);outline-offset:2px}.interactive-wrapper.state-disabled{opacity:.6;pointer-events:none;cursor:not-allowed}.interactive-wrapper.state-loading{cursor:progress}.interactive-wrapper.state-active{background-color:var(--color-accent-primary);color:var(--color-text-on-accent)}@keyframes ripple-expand{0%{opacity:.3;transform:scale(0)}to{opacity:0;transform:scale(20)}}.interactive-wrapper:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-focus-ring)20%,transparent)}.high-contrast .interactive-wrapper{border:2px solid var(--color-border-default)}.high-contrast .interactive-wrapper.state-hovered{border-color:var(--color-accent-primary);background-color:color-mix(in srgb,var(--color-accent-primary)10%,transparent)}.high-contrast .interactive-wrapper.state-focused{outline:3px solid var(--color-focus-ring)!important;outline-offset:3px!important}.theme-openmsp .interactive-wrapper.state-hovered{box-shadow:0 4px 12px color-mix(in srgb,var(--ods-open-yellow-base)20%,transparent)}.theme-admin-hub .interactive-wrapper.state-hovered{box-shadow:0 4px 12px color-mix(in srgb,var(--ods-flamingo-pink-base)20%,transparent)}.theme-openframe .interactive-wrapper.state-hovered{box-shadow:0 4px 12px color-mix(in srgb,var(--ods-flamingo-cyan-base)20%,transparent)}.theme-flamingo .interactive-wrapper.state-hovered{box-shadow:0 4px 12px color-mix(in srgb,var(--ods-flamingo-pink-base)20%,transparent)}@media (prefers-reduced-motion:reduce){.interactive-wrapper{transition:none!important;transform:none!important}.interactive-wrapper.state-hovered,.interactive-wrapper.state-pressed{transform:none!important}@keyframes ripple-expand{0%,to{opacity:.1;transform:scale(1)}}}
.reactEasyCrop_Container{background:#1a1a1a;width:100%;height:100%;position:relative}.reactEasyCrop_Image,.reactEasyCrop_Video{will-change:transform;max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0}.reactEasyCrop_CropArea{box-sizing:border-box;cursor:move;background:#0009;border:1px solid #ffffff80;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.reactEasyCrop_CropAreaRound{border-radius:50%}.reactEasyCrop_CropAreaGrid:before{content:"";box-sizing:border-box;border:1px solid #fff6;position:absolute;inset:0 33.33%}.reactEasyCrop_CropAreaGrid:after{content:"";box-sizing:border-box;border:1px solid #fff6;position:absolute;inset:33.33% 0}:root{--background:0 0% 8.6%;--foreground:0 0% 98%;--card:0 0% 13.1%;--card-foreground:0 0% 98%;--popover:0 0% 13.1%;--popover-foreground:0 0% 98%;--primary:180 100% 69%;--primary-foreground:0 0% 10%;--secondary:0 0% 22.7%;--secondary-foreground:0 0% 98%;--muted:0 0% 22.7%;--muted-foreground:0 0% 53.3%;--accent:180 100% 69%;--accent-foreground:0 0% 10%;--destructive:0 71% 67%;--destructive-foreground:0 0% 98%;--border:0 0% 22.7%;--input:0 0% 22.7%;--ring:180 100% 69%;--radius:.5rem}.dark{--background:0 0% 8.6%;--foreground:0 0% 98%;--card:0 0% 13.1%;--card-foreground:0 0% 98%;--popover:0 0% 13.1%;--popover-foreground:0 0% 98%;--primary:180 100% 69%;--primary-foreground:0 0% 10%;--secondary:0 0% 22.7%;--secondary-foreground:0 0% 98%;--muted:0 0% 22.7%;--muted-foreground:0 0% 53.3%;--accent:180 100% 69%;--accent-foreground:0 0% 10%;--destructive:0 71% 67%;--destructive-foreground:0 0% 98%;--border:0 0% 22.7%;--input:0 0% 22.7%;--ring:180 100% 69%}*{border-color:hsl(var(--border));scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}body{background-color:hsl(var(--background));font-family:var(--font-dm-sans),ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:hsl(var(--foreground));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;font-family:Azeret Mono,monospace}h1{font-size:1.875rem;font-weight:700;line-height:2.25rem}h2{font-size:1.5rem;font-weight:600;line-height:2rem}h3{font-size:1.25rem;font-weight:600;line-height:1.75rem}h4{font-size:1.125rem;font-weight:500;line-height:1.75rem}img{border-radius:var(--radius)}html{background-color:var(--color-bg)}body{background-color:var(--color-bg);color:var(--color-text-primary)}.text-balance{text-wrap:balance}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none;width:0!important;height:0!important}.hide-scrollbar::-webkit-scrollbar-thumb{background:0 0!important}.hide-scrollbar::-webkit-scrollbar-track{background:0 0!important}.hide-scrollbar::-webkit-scrollbar-track-piece{background:0 0!important;display:none!important}.hide-scrollbar::-webkit-scrollbar-corner{background:0 0!important;display:none!important}.hide-scrollbar::-webkit-resizer{background:0 0!important;display:none!important}.hide-scrollbar{scrollbar-gutter:stable both-edges}.animate-heartbeat{transform-origin:50%;transform-box:fill-box;will-change:transform;animation:1.2s ease-in-out infinite heartbeat}.no-scroll{overflow:hidden!important}.disable-click{pointer-events:none!important}:root:not(.dark) .light-mode-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}:root:not(.dark) .light-mode-border{border-color:#0000001a}:root:not(.dark) .light-mode-card{background-color:#fff;border:1px solid #00000014}:root:not(.dark) .light-mode-hover:hover{background-color:#00000008}.vendor-logo-container{aspect-ratio:1;border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border)/.3);background-color:hsl(var(--background));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);width:100%;max-width:20rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);margin-left:auto;margin-right:auto;padding:1rem;position:relative;overflow:hidden}.vendor-logo{border-radius:var(--radius);-o-object-fit:contain;object-fit:contain;padding:.5rem}.vendor-logo-thumbnail{border-radius:var(--radius);overflow:hidden}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.theme-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}@media screen and (max-width:767px){input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],textarea,select{transform-origin:0 0;transform:scale(1);font-size:16px!important}*{touch-action:manipulation}input,textarea,select{font-size:max(16px,1rem)!important}}body[data-platform=openmsp]{background-color:var(--ods-system-greys-background);color:var(--ods-system-greys-white)}body[data-platform=flamingo]{background-color:var(--ods-system-greys-white);color:var(--ods-system-greys-background)}body[data-platform=flamingo-teaser],body[data-platform=openframe],body[data-platform=admin-hub]{background-color:var(--ods-system-greys-background);color:var(--ods-system-greys-white)}.nav-item-active:before{content:"";background-color:var(--color-accent-primary);z-index:10;border-radius:2px;width:4px;height:24px;position:absolute;top:8px;left:-2px}.nav-item-active span{color:var(--color-text-primary)!important}.markdown-editor-wrapper .w-md-editor{background-color:var(--color-bg)!important;border:1px solid var(--color-border-default)!important;border-radius:8px!important}.markdown-editor-wrapper .w-md-editor-text-textarea,.markdown-editor-wrapper .w-md-editor-text-input,.markdown-editor-wrapper .w-md-editor-text{background-color:var(--color-bg-card)!important;color:var(--color-text-primary)!important;border:none!important;font-family:DM Sans,sans-serif!important;font-size:14px!important;line-height:1.6!important}.markdown-editor-wrapper .w-md-editor-toolbar{background-color:var(--color-bg-active)!important;border-bottom:1px solid var(--color-border-default)!important;border-radius:8px 8px 0 0!important;padding:8px 12px!important}.markdown-editor-wrapper .w-md-editor-toolbar .w-md-editor-toolbar-divider{background-color:var(--color-border-default)!important}.markdown-editor-wrapper .w-md-editor-toolbar button{color:var(--color-text-primary)!important;background-color:var(--color-bg-active)!important;box-shadow:none!important;border:none!important;border-radius:4px!important;outline:none!important;padding:6px 8px!important;transition:all .2s!important}.markdown-editor-wrapper .w-md-editor-toolbar button:hover{background-color:var(--color-border-default)!important;color:var(--color-accent-primary)!important}.markdown-editor-wrapper .w-md-editor-toolbar button[aria-pressed=true]{background-color:var(--color-accent-primary)!important;color:var(--color-text-on-accent)!important}.markdown-editor-wrapper .w-md-editor-toolbar button:focus{box-shadow:none!important;border:none!important;outline:none!important}.markdown-editor-wrapper .w-md-editor-text-container,.markdown-editor-wrapper .w-md-editor-text{border-radius:0 0 8px 8px!important}.markdown-preview-wrapper{background-color:var(--color-bg)!important;color:var(--color-text-primary)!important;border-radius:8px!important;padding:24px!important}.markdown-preview-wrapper h1,.markdown-preview-wrapper h2,.markdown-preview-wrapper h3,.markdown-preview-wrapper h4,.markdown-preview-wrapper h5,.markdown-preview-wrapper h6{color:var(--color-text-primary)!important;margin-top:24px!important;margin-bottom:16px!important;font-family:DM Sans,sans-serif!important;font-weight:600!important}.markdown-preview-wrapper h1{font-size:32px!important;line-height:1.2!important}.markdown-preview-wrapper h2{font-size:24px!important;line-height:1.3!important}.markdown-preview-wrapper h3{font-size:20px!important;line-height:1.4!important}.markdown-preview-wrapper p{color:var(--color-text-primary)!important;margin-bottom:16px!important;font-family:DM Sans,sans-serif!important;font-size:16px!important;line-height:1.6!important}.markdown-preview-wrapper a{color:var(--color-accent-primary)!important;text-decoration:underline!important}.markdown-preview-wrapper a:hover{color:var(--ods-open-yellow-dark)!important}.markdown-preview-wrapper ul,.markdown-preview-wrapper ol{color:var(--color-text-primary)!important;margin-bottom:16px!important;padding-left:24px!important;font-family:DM Sans,sans-serif!important}.markdown-preview-wrapper li{margin-bottom:8px!important}.markdown-preview-wrapper code{background-color:var(--color-bg-card)!important;color:var(--color-accent-primary)!important;border-radius:4px!important;padding:2px 6px!important;font-family:JetBrains Mono,monospace!important;font-size:14px!important}.markdown-preview-wrapper pre{background-color:var(--color-bg-card)!important;border:1px solid var(--color-border-default)!important;border-radius:8px!important;margin:16px 0!important;padding:16px!important;overflow-x:auto!important}.markdown-preview-wrapper pre code{background-color:#0000!important;border-radius:0!important;padding:0!important}.markdown-preview-wrapper blockquote{background-color:var(--color-bg-card)!important;border-left:4px solid var(--color-accent-primary)!important;border-radius:0 8px 8px 0!important;margin:16px 0!important;padding:16px!important}.markdown-preview-wrapper blockquote p{margin-bottom:0!important;font-style:italic!important}.markdown-preview-wrapper table{border-collapse:collapse!important;background-color:var(--color-bg-card)!important;border-radius:8px!important;width:100%!important;margin:16px 0!important;overflow:hidden!important}.markdown-preview-wrapper th,.markdown-preview-wrapper td{text-align:left!important;border-bottom:1px solid var(--color-border-default)!important;color:var(--color-text-primary)!important;padding:12px 16px!important}.markdown-preview-wrapper th{background-color:var(--color-bg-hover)!important;font-weight:600!important}::-webkit-scrollbar-thumb{background-color:#0000}::-webkit-scrollbar-track{background-color:#0000}*{scrollbar-color:transparent transparent}@keyframes heartbeat{0%{transform:scale(1)}20%{transform:scale(1.25)}40%{transform:scale(.85)}60%{transform:scale(1.15)}80%{transform:scale(.95)}to{transform:scale(1)}}body.report-loading header{pointer-events:none!important}