:root{--pleo-form-text-tiny: var(--text-xs);--pleo-form-text-small: var(--text-sm);--pleo-form-text-base: var(--text-base);--pleo-form-text-lg: var(--text-lg);--pleo-form-text-xl: var(--text-xl);--pleo-form-text-2xl: var(--text-2xl);--pleo-form-text-3xl: var(--text-3xl);--pleo-form-border-strong: var(--border-strong)}:root .arc-host.pleo-arc-form{--background: hsl(var(--background-surface-100));--surface: hsl(var(--background-surface-100));--surface-raised: hsl(var(--background-surface-100));--surface-muted: hsl(var(--background-surface-200));--foreground: hsl(var(--foreground-default));--text-secondary: hsl(var(--foreground-light));--text-muted: hsl(var(--foreground-muted));--border: hsl(var(--border-default));--border-subtle: hsl(var(--border-default));--border-strong: hsl(var(--pleo-form-border-strong));--accent: hsl(var(--brand-600));--accent-strong: hsl(var(--brand-600));--accent-subtle: hsl(var(--brand-400) / .15);--accent-foreground: hsl(var(--foreground-default));--control-on: hsl(var(--brand-400));--control-glyph: hsl(var(--foreground-default));--control-on-subtle: hsl(var(--brand-400) / .15);--control-fill: hsl(var(--brand-400));--control-track: hsl(var(--background-surface-300));--control-track-hover: hsl(var(--background-surface-400));--control-thumb: hsl(var(--background-surface-100));--control-thumb-on: hsl(var(--background-surface-100));--danger: hsl(var(--destructive));--warning: hsl(var(--warning-default));--success: hsl(var(--brand-600));--focus-ring: hsl(var(--brand-500) / .2);--font-body: var(--font-sans);--font-display: var(--font-sans);--text-xs: var(--pleo-form-text-tiny);--text-sm: var(--pleo-form-text-small);--text-base: var(--pleo-form-text-base);--text-lg: var(--pleo-form-text-lg);--text-xl: var(--pleo-form-text-xl);--text-2xl: var(--pleo-form-text-2xl);--text-3xl: var(--pleo-form-text-3xl);--radius-control: var(--radius);--radius-panel: var(--radius);--control-height-sm: var(--control-height-tiny);--control-height-md: var(--control-height-small);--control-height-lg: var(--control-height-small);min-width:0;font-family:var(--font-body)}:root.dark :is(.arc-host.pleo-arc-form[role=switch],.arc-host.pleo-arc-form [role=switch]){--control-on: hsl(var(--brand-default));--control-thumb: hsl(var(--foreground-default));--control-thumb-on: hsl(var(--background-surface-100))}:root .pleo-arc-form[data-size=tiny],:root .pleo-arc-form[data-size=toolbar],:root .pleo-arc-form[data-size=header],:root .pleo-arc-form[data-size=field]{--control-height-md: var(--control-height-tiny);--text-sm: var(--text-xs)}.pleo-arc-form[data-hide-label]>div>label,.pleo-arc-form[data-hide-label]>fieldset>legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}:root .pleo-arc-form :is(button,[tabindex]):focus-visible,:root .pleo-arc-form:is([tabindex],[role=listbox]):focus-visible{outline:2px solid hsl(var(--brand-500))!important;outline-offset:2px}:root .pleo-arc-form :is(input:not([type=hidden]),textarea,[contenteditable=true][role=textbox]):focus-visible{outline:none!important;box-shadow:none}:root .pleo-arc-form button[role=combobox]:focus-visible{outline:none!important;box-shadow:none;border-color:var(--foreground)}.pleo-arc-field{display:grid;gap:6px;align-content:start}.pleo-arc-field-heading{font-size:var(--text-sm);font-weight:500;color:var(--foreground)}.pleo-arc-field-hint,.pleo-arc-field-error{display:block;font-size:var(--text-xs);line-height:1.4;color:var(--text-muted)}.pleo-arc-field-error{color:var(--danger)}.pleo-arc-textarea textarea{min-height:72px;field-sizing:content}@media(max-width:639px){.pleo-arc-form :is(input:not([type=hidden]),textarea){font-size:16px}}.pleo-arc-button-motion{transition-property:color,background-color,border-color,scale}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.pleo-arc-button-motion[data-pointer-pressed]:not([aria-haspopup]):not([role=gridcell]):not([role=combobox]){scale:.98}}@media(prefers-reduced-motion:reduce){.pleo-arc-button-motion[data-pointer-pressed]{scale:1}}:root .pleo-checkbox{width:16px;height:16px;min-width:16px}.pleo-checkbox>span,.pleo-checkbox svg{width:16px;height:16px}.pleo-checkbox>span{border-radius:3px}:root .pleo-checkbox:focus-visible,:root .pleo-switch:focus-visible{outline:2px solid hsl(var(--border-strong));outline-offset:2px}@media(forced-colors:active){:root :is(.pleo-checkbox,.pleo-switch):focus-visible{outline:2px solid Highlight!important;outline-offset:2px}}.pleo-arc-form[data-touch-target] [role=combobox],.pleo-arc-form[data-touch-target] [data-value]{min-height:44px}.pleo-arc-form[data-touch-target] [role=combobox]{width:100%}.arc-touch-options [role=option]{min-height:44px}.pleo-arc-form[data-segment-appearance=tabs] [role=group]{display:flex;width:100%;border:0;border-radius:0;background:transparent}.pleo-arc-form[data-segment-appearance=tabs] [role=group]>div{width:100%;padding:0;gap:0;border-radius:0}.pleo-arc-form[data-segment-appearance=tabs] [data-value]{flex:1 1 0;min-width:0;border-radius:0;color:var(--text-secondary)}.pleo-arc-form[data-segment-appearance=tabs] [data-value][aria-pressed=true]{color:var(--foreground)}.pleo-arc-form[data-segment-appearance=tabs] [data-value] svg{width:14px;height:14px;stroke-width:1.5}.pleo-arc-form[data-segment-appearance=tabs] [data-value][aria-pressed=true] svg{stroke-width:2}.pleo-arc-form[data-segment-appearance=tabs] [data-value]>span[aria-hidden=true]{inset:auto 10px 0;height:2px;border:0;border-radius:2px;background:var(--foreground);box-shadow:none}.field-viewer-submenu>button{border-color:transparent;background:transparent;box-shadow:none}.field-viewer-submenu>button:hover{background:hsl(var(--background-surface-200))}.field-viewer-submenu>button[aria-pressed=true]{border-color:hsl(var(--border-default));background:hsl(var(--background-surface-200))}.pleo-arc-form[data-segment-appearance=tools] [role=group]{display:flex;width:100%;border:0;border-radius:6px;background:transparent}.pleo-arc-form[data-segment-appearance=tools] [role=group]>div{width:100%;gap:2px;padding:0;border-radius:6px}.pleo-arc-form[data-segment-appearance=tools] [data-value]{flex:1 1 0;min-width:0;padding:0 6px;border-radius:6px;color:var(--text-secondary)}.pleo-arc-form[data-segment-appearance=tools] [data-value][aria-pressed=true]{color:var(--foreground)}.pleo-arc-form[data-segment-appearance=tools] [data-value]>span[aria-hidden=true]{inset:2px;border-radius:6px;border:1px solid var(--border);background:var(--surface-muted);box-shadow:none}@media(max-width:380px){.pleo-arc-form[data-segment-appearance=tools] [data-value]>span:not([aria-hidden]){display:inline-flex;flex-direction:column;gap:2px}}.compact-touch-target{display:inline-grid;align-items:center;min-width:0;max-width:100%;vertical-align:middle}.compact-touch-target>button{min-height:26px!important;height:26px!important;max-height:26px!important;font-size:12px!important}.compact-touch-target>button:focus-visible{outline-offset:-2px}.compact-touch-target:has(>button:disabled){pointer-events:none}.compact-touch-target>button:is([data-button-size=icon],[data-button-size=headerIcon]){width:26px!important;min-width:26px!important;max-width:26px!important;justify-self:center}[data-compact-controls] :is(input[data-pleo-control=input]:not([type=hidden]),button[role=combobox]){min-height:26px!important;height:26px!important;max-height:26px!important;padding-block:2px}@media(max-width:767px),(pointer:coarse){.compact-touch-target{min-height:44px;min-width:44px;overflow:clip;padding:0 2px}.compact-touch-target>button{position:relative}.compact-touch-target>button:after{content:"";position:absolute;inset:-9px -2px}.compact-touch-target>button:is([data-button-size=icon],[data-button-size=headerIcon]):after{inset-inline:-9px}.compact-touch-target>button:disabled:after{pointer-events:none}}.pleo-popup-motion:is([data-state=open],[data-state=delayed-open],[data-state=instant-open]){animation:pleo-popup-in .12s cubic-bezier(.2,0,0,1) both}.pleo-popup-motion[data-state=closed]{animation:pleo-popup-out 80ms cubic-bezier(.2,0,0,1) both}@keyframes pleo-popup-in{0%{opacity:0}to{opacity:1}}@keyframes pleo-popup-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.pleo-popup-motion[data-state]{animation:none}}.p{display:grid;min-width:0;margin:0;color:var(--foreground);font-family:var(--font-body);letter-spacing:var(--tracking-body)}.e{position:relative;min-width:0;outline:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:crosshair}.h{position:absolute;inset:0;display:block;overflow:visible}.r{transition:opacity var(--duration-standard) var(--ease-standard)}.g{fill:color-mix(in oklab,var(--ridge) var(--ridge-fill-mix, 34%),var(--surface));stroke:none;transition:fill var(--duration-considered) var(--ease-standard)}.u{fill:none;stroke:var(--ridge);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;transition:stroke var(--duration-considered) var(--ease-standard)}.f{stroke:color-mix(in oklab,var(--ridge) 55%,var(--surface));stroke-width:1;transition:stroke var(--duration-considered) var(--ease-standard)}.e[data-active] .r[data-dim]{opacity:.38}.r[data-lifted]{opacity:0;transition-duration:var(--duration-instant)}.o{opacity:0;pointer-events:none;transform:translateY(0);transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-spring) var(--ease-spring)}.o[data-on]{opacity:1;transform:translateY(-6px)}.m{fill:color-mix(in oklab,var(--ridge) 18%,var(--surface));stroke:none}.b{fill:color-mix(in oklab,var(--ridge) 48%,var(--surface));stroke:none}.x{stroke:var(--foreground);stroke-width:1.5;stroke-linecap:round}.v{fill:none;stroke:var(--ridge);stroke-width:2.25;stroke-linejoin:round;stroke-linecap:round}.k{position:absolute;top:0;right:0;left:0;pointer-events:none}.c{position:absolute;bottom:0;left:0;width:1px;background:var(--border-subtle);will-change:transform;animation:l var(--duration-standard) var(--ease-standard)}.y{position:absolute;bottom:0;left:0;color:var(--text-muted);font-size:var(--text-xs);line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums;translate:-50% 0}@keyframes l{0%{opacity:0}}.t{position:absolute;left:0;width:1px;background:var(--foreground);opacity:0;pointer-events:none;transition:opacity var(--duration-instant) var(--ease-standard)}.e[data-cursor] .t{opacity:.35}.w{position:absolute;inset:0;pointer-events:none}.a{position:absolute;left:0;overflow:hidden;color:var(--text-secondary);font-size:var(--text-xs);line-height:18px;text-overflow:ellipsis;white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard)}.a[data-active]{color:var(--foreground);font-weight:500}.z{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--text-muted);font-size:var(--text-sm);pointer-events:none}.n{position:absolute;top:0;left:0;z-index:2;display:grid;min-width:170px;max-width:min(240px,100%);gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-raised);box-shadow:var(--shadow-floating);opacity:0;pointer-events:none;scale:.96;transition:opacity var(--duration-fast) var(--ease-standard),scale var(--duration-fast) var(--ease-standard)}.e[data-active] .n{opacity:1;scale:1}.j{margin:0 0 2px;color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-body)}.i,.d{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}.i{color:var(--foreground);font-size:var(--text-sm);font-weight:500;line-height:1.4}.d{color:var(--foreground);font-size:var(--text-xs);line-height:var(--leading-body)}.s{color:var(--text-muted);font-weight:400}.i .s{font-size:var(--text-xs)}.G{margin:4px 0 0;color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-body);font-variant-numeric:tabular-nums}.I{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-top:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-body);font-variant-numeric:tabular-nums}.V{margin-right:4px;color:var(--text-secondary)}.X{display:inline-flex;gap:2px}.Y{width:18px;height:10px;border-radius:3px;background:var(--ridge)}.H{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){.r,.o,.t,.n,.a{transition:none}.c{animation:none}}.a{display:flex;gap:6px;align-items:center}.q{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.a strong{flex:none;color:var(--foreground);font-weight:500;font-variant-numeric:tabular-nums}.arc-host,.tilvalg-arc{color-scheme:light;--neutral-0: oklch(100% 0 0);--neutral-1: oklch(99% 0 0);--neutral-2: oklch(97.8% 0 0);--neutral-3: oklch(95.8% 0 0);--neutral-4: oklch(91.5% 0 0);--neutral-5: oklch(84% 0 0);--neutral-6: oklch(72% 0 0);--neutral-7: oklch(59% 0 0);--neutral-8: oklch(46% 0 0);--neutral-9: oklch(34% 0 0);--neutral-10: oklch(23% 0 0);--neutral-11: oklch(15% 0 0);--background: var(--neutral-0);--surface: var(--neutral-0);--surface-raised: var(--neutral-0);--surface-muted: var(--neutral-2);--foreground: var(--neutral-11);--text-secondary: var(--neutral-8);--text-muted: var(--neutral-7);--border: oklch(93.5% 0 0);--border-subtle: oklch(96.5% 0 0);--border-strong: oklch(82% 0 0);--accent: oklch(33% 0 0);--accent-strong: oklch(24% 0 0);--accent-subtle: oklch(33% 0 0 / .1);--accent-foreground: var(--background);--control-on: oklch(23% 0 0);--control-glyph: oklch(100% 0 0);--control-track: oklch(89.5% 0 0);--control-track-hover: oklch(86% 0 0);--control-thumb: oklch(100% 0 0);--control-thumb-on: oklch(100% 0 0);--control-thumb-shadow: 0 0 0 .5px oklch(0% 0 0 / .07), 0 1px 2px oklch(0% 0 0 / .14), 0 2px 6px oklch(0% 0 0 / .06);--control-on-subtle: color-mix(in oklch, var(--control-on) 10%, transparent);--control-fill: var(--control-on);--focus-ring: transparent;--success: oklch(49% .19 150);--warning: oklch(58% .18 75);--danger: oklch(54% .21 25);--shadow-resting: 0 1px 2px oklch(0% 0 0 / .035);--shadow-raised: 0 6px 18px oklch(0% 0 0 / .065), 0 1px 3px oklch(0% 0 0 / .035);--shadow-floating: 0 20px 48px oklch(0% 0 0 / .105), 0 3px 10px oklch(0% 0 0 / .045);--arc-gradient-from: oklch(90% .045 300);--arc-gradient-to: oklch(92% .045 65);--arc-gradient: linear-gradient(100deg, var(--arc-gradient-from), var(--arc-gradient-to));--arc-gradient-foreground: oklch(22% .01 300);--arc-gradient-soft: linear-gradient(135deg, oklch(97.5% .016 300), oklch(98% .016 65));--arc-gradient-line: linear-gradient(100deg, oklch(83% .06 300), oklch(86% .06 65));--arc-gradient-ink: linear-gradient(100deg, oklch(47% .1 300), oklch(50% .09 55));--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-control: .375rem;--radius-panel: .5rem;--radius-surface: .5rem;--radius-pill: 9999px;--control-height-sm: 26px;--control-height-md: 30px;--control-height-lg: 32px;--font-display: var(--font-sans, "Geist Variable", sans-serif);--font-body: var(--font-sans, "Geist Variable", sans-serif);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3.25rem;--text-5xl: 4.5rem;--tracking-display: -.03em;--tracking-body: -.01em;--leading-display: 1.1;--leading-body: 1.4;--ease-enter: cubic-bezier(.2,0,0,1);--ease-standard: cubic-bezier(.2,0,0,1);--ease-exit: cubic-bezier(.2,0,0,1);--ease-in-out: cubic-bezier(.2,0,0,1);--ease-spring: cubic-bezier(.2,0,0,1);--duration-instant: 80ms;--duration-fast: .12s;--duration-standard: .14s;--duration-considered: .18s;--duration-spring: .14s}.dark .arc-host,.dark .tilvalg-arc{color-scheme:dark;--background: oklch(19% 0 0);--surface: oklch(21.5% 0 0);--surface-raised: oklch(24% 0 0);--surface-muted: oklch(26% 0 0);--foreground: oklch(96% 0 0);--text-secondary: oklch(77% 0 0);--text-muted: oklch(64% 0 0);--border: oklch(29% 0 0);--border-subtle: oklch(25% 0 0);--border-strong: oklch(40% 0 0);--focus-ring: transparent;--accent: oklch(80% 0 0);--accent-strong: oklch(91% 0 0);--accent-subtle: oklch(80% 0 0 / .13);--control-on: oklch(93% 0 0);--control-glyph: oklch(19% 0 0);--control-track: oklch(33% 0 0);--control-track-hover: oklch(37% 0 0);--control-thumb: oklch(97% 0 0);--control-thumb-on: oklch(19% 0 0);--control-fill: oklch(62% 0 0);--control-thumb-shadow: 0 0 0 .5px oklch(0% 0 0 / .3), 0 1px 2px oklch(0% 0 0 / .35), 0 2px 6px oklch(0% 0 0 / .2);--success: oklch(78% .18 150);--warning: oklch(83% .17 80);--danger: oklch(76% .2 25);--shadow-resting: 0 1px 2px oklch(0% 0 0 / .18);--shadow-raised: 0 8px 22px oklch(0% 0 0 / .22);--shadow-floating: 0 22px 55px oklch(0% 0 0 / .34);--arc-gradient-from: oklch(38% .05 300);--arc-gradient-to: oklch(40% .045 60);--arc-gradient-foreground: oklch(96% .005 300);--arc-gradient-soft: linear-gradient(135deg, oklch(23.5% .016 300), oklch(24% .014 65));--arc-gradient-line: linear-gradient(100deg, oklch(48% .06 300), oklch(52% .055 65));--arc-gradient-ink: linear-gradient(100deg, oklch(82% .07 300), oklch(86% .065 70))}.arc-host[data-accent=neutral],.tilvalg-arc[data-accent=neutral]{--accent: oklch(33% 0 0);--accent-strong: oklch(24% 0 0);--accent-subtle: oklch(33% 0 0 / .1)}.arc-host[data-accent=violet],.tilvalg-arc[data-accent=violet]{--accent: #7747ff;--accent-strong: #5528ce;--accent-subtle: rgb(119 71 255 / .13)}.arc-host[data-accent=blue],.tilvalg-arc[data-accent=blue]{--accent: #0562ef;--accent-strong: #074db7;--accent-subtle: rgb(5 98 239 / .12)}.arc-host[data-accent=green],.tilvalg-arc[data-accent=green]{--accent: #0db879;--accent-strong: #087c54;--accent-subtle: rgb(13 184 121 / .13);--accent-foreground: #102016}.arc-host[data-accent=amber],.tilvalg-arc[data-accent=amber]{--accent: #f3ad20;--accent-strong: #9c6300;--accent-subtle: rgb(243 173 32 / .16);--accent-foreground: #20190d}.arc-host[data-accent=orange],.tilvalg-arc[data-accent=orange]{--accent: #f48120;--accent-strong: #aa4700;--accent-subtle: rgb(244 129 32 / .13);--accent-foreground: #17130f}.arc-host[data-accent=coral],.tilvalg-arc[data-accent=coral]{--accent: #f15f55;--accent-strong: #b92c27;--accent-subtle: rgb(241 95 85 / .14);--accent-foreground: #21110f}.arc-host[data-accent=rose],.tilvalg-arc[data-accent=rose]{--accent: #ed4e9d;--accent-strong: #ae2570;--accent-subtle: rgb(237 78 157 / .14);--accent-foreground: #250f1b}.dark .arc-host[data-accent=neutral],.dark .tilvalg-arc[data-accent=neutral]{--accent: oklch(80% 0 0);--accent-strong: oklch(91% 0 0);--accent-subtle: oklch(80% 0 0 / .13)}.dark .arc-host[data-accent=violet],.dark .tilvalg-arc[data-accent=violet]{--accent: #a78bff;--accent-strong: #c7b7ff;--accent-subtle: rgb(119 71 255 / .22)}.dark .arc-host[data-accent=blue],.dark .tilvalg-arc[data-accent=blue]{--accent: #6ba3ff;--accent-strong: #a4c7ff;--accent-subtle: rgb(5 98 239 / .22)}.dark .arc-host[data-accent=green],.dark .tilvalg-arc[data-accent=green]{--accent: #53dca6;--accent-strong: #93efd0;--accent-subtle: rgb(13 184 121 / .2)}.dark .arc-host[data-accent=amber],.dark .tilvalg-arc[data-accent=amber]{--accent: #ffcb62;--accent-strong: #ffe0a1;--accent-subtle: rgb(243 173 32 / .2)}.dark .arc-host[data-accent=orange],.dark .tilvalg-arc[data-accent=orange]{--accent: #ffad5e;--accent-strong: #ffd0a0;--accent-subtle: rgb(244 129 32 / .2);--accent-foreground: #17130f}.dark .arc-host[data-accent=coral],.dark .tilvalg-arc[data-accent=coral]{--accent: #ff9386;--accent-strong: #ffc1ba;--accent-subtle: rgb(241 95 85 / .2)}.dark .arc-host[data-accent=rose],.dark .tilvalg-arc[data-accent=rose]{--accent: #ff8bc5;--accent-strong: #ffc0df;--accent-subtle: rgb(237 78 157 / .2)}.arc-host[data-accent=neutral],.tilvalg-arc[data-accent=neutral]{--control-on: oklch(23% 0 0);--control-thumb-on: oklch(100% 0 0);--control-glyph: oklch(100% 0 0)}.arc-host[data-accent=violet],.tilvalg-arc[data-accent=violet]{--control-on: #7747ff;--control-thumb-on: #fff;--control-glyph: #fff}.arc-host[data-accent=blue],.tilvalg-arc[data-accent=blue]{--control-on: #0562ef;--control-thumb-on: #fff;--control-glyph: #fff}.arc-host[data-accent=green],.tilvalg-arc[data-accent=green]{--control-on: #10a870;--control-thumb-on: #fff;--control-glyph: #fff}.arc-host[data-accent=amber],.tilvalg-arc[data-accent=amber]{--control-on: #eda11a;--control-thumb-on: #fff;--control-glyph: #2a1c03}.arc-host[data-accent=orange],.tilvalg-arc[data-accent=orange]{--control-on: #f07818;--control-thumb-on: #fff;--control-glyph: #fff}.arc-host[data-accent=coral],.tilvalg-arc[data-accent=coral]{--control-on: #ec564b;--control-thumb-on: #fff;--control-glyph: #fff}.arc-host[data-accent=rose],.tilvalg-arc[data-accent=rose]{--control-on: #e64494;--control-thumb-on: #fff;--control-glyph: #fff}.dark .arc-host[data-accent=neutral],.dark .tilvalg-arc[data-accent=neutral]{--control-on: oklch(93% 0 0);--control-thumb-on: oklch(19% 0 0);--control-glyph: oklch(19% 0 0)}.dark .arc-host[data-accent=violet],.dark .tilvalg-arc[data-accent=violet]{--control-on: #8a66ff;--control-thumb-on: #fff;--control-glyph: #fff;--control-fill: #8a66ff}.dark .arc-host[data-accent=blue],.dark .tilvalg-arc[data-accent=blue]{--control-on: #3b82f6;--control-thumb-on: #fff;--control-glyph: #fff;--control-fill: #3b82f6}.dark .arc-host[data-accent=green],.dark .tilvalg-arc[data-accent=green]{--control-on: #1fae78;--control-thumb-on: #fff;--control-glyph: #fff;--control-fill: #1fae78}.dark .arc-host[data-accent=amber],.dark .tilvalg-arc[data-accent=amber]{--control-on: #e8a52a;--control-thumb-on: #fff;--control-glyph: #241803;--control-fill: #e8a52a}.dark .arc-host[data-accent=orange],.dark .tilvalg-arc[data-accent=orange]{--control-on: #ef873a;--control-thumb-on: #fff;--control-glyph: #fff;--control-fill: #ef873a}.dark .arc-host[data-accent=coral],.dark .tilvalg-arc[data-accent=coral]{--control-on: #ec6a60;--control-thumb-on: #fff;--control-glyph: #fff;--control-fill: #ec6a60}.dark .arc-host[data-accent=rose],.dark .tilvalg-arc[data-accent=rose]{--control-on: #e457a0;--control-thumb-on: #fff;--control-glyph: #fff;--control-fill: #e457a0}.arc-host,.tilvalg-arc{--series-1: #1f7dcf;--series-2: #7128a5;--series-3: #e58f00;--series-4: #009e84}.dark .arc-host,.dark .tilvalg-arc{--series-1: #55adff;--series-2: #9c37be;--series-3: #e66e00;--series-4: #00a861}@supports (color: oklch(from red clamp(.4,l * sign(max(c - .02,0)) + .5,.8) c h)){.arc-host,.tilvalg-arc{--series-1: oklch(from var(--accent) calc(l*sign(max(c - .02, 0)) + .58*(1 - sign(max(c - .02, 0)))) calc(c*sign(max(c - .02, 0)) + .15*(1 - sign(max(c - .02, 0)))) calc(h*sign(max(c - .02, 0)) + 250*(1 - sign(max(c - .02, 0)))) );--series-2: oklch(from var(--accent) clamp(.45, l * sign(max(c - .02, 0)) + .58 * (1 - sign(max(c - .02, 0))) - .25, .76) .19 calc(h*sign(max(c - .02, 0)) + 250*(1 - sign(max(c - .02, 0))) + 57) );--series-3: oklch(from var(--accent) clamp(.45, l * sign(max(c - .02, 0)) + .58 * (1 - sign(max(c - .02, 0))) + .14, .76) .18 calc(h*sign(max(c - .02, 0)) + 250*(1 - sign(max(c - .02, 0))) + 184) );--series-4: oklch(from var(--accent) clamp(.45, l * sign(max(c - .02, 0)) + .58 * (1 - sign(max(c - .02, 0))), .76) .21 calc(h*sign(max(c - .02, 0)) + 250*(1 - sign(max(c - .02, 0))) + 292) )}.dark .arc-host,.dark .tilvalg-arc{--series-1: oklch(from var(--accent) calc(l*sign(max(c - .02, 0)) + .73*(1 - sign(max(c - .02, 0)))) calc(c*sign(max(c - .02, 0)) + .15*(1 - sign(max(c - .02, 0)))) calc(h*sign(max(c - .02, 0)) + 250*(1 - sign(max(c - .02, 0)))) );--series-2: oklch(from var(--accent) clamp(.485, l * sign(max(c - .02, 0)) + .73 * (1 - sign(max(c - .02, 0))) - .19, .665) .21 calc(h*sign(max(c - .02, 0)) + 250*(1 - sign(max(c - .02, 0))) + 66) );--series-3: oklch(from var(--accent) clamp(.485, l * sign(max(c - .02, 0)) + .73 * (1 - sign(max(c - .02, 0))) + .02, .665) .21 calc(h*sign(max(c - .02, 0)) + 250*(1 - sign(max(c - .02, 0))) + 175) );--series-4: oklch(from var(--accent) clamp(.485, l * sign(max(c - .02, 0)) + .73 * (1 - sign(max(c - .02, 0))) - .1, .665) .18 calc(h*sign(max(c - .02, 0)) + 250*(1 - sign(max(c - .02, 0))) + 270) )}}.arc-host :is(*:focus,*:focus-visible,*:focus-within),.tilvalg-arc :is(*:focus,*:focus-visible,*:focus-within){outline:none!important}.arc-host.pleo-arc-date{--background: hsl(var(--background-default));--surface: hsl(var(--background-surface-100));--surface-raised: hsl(var(--background-surface-200));--surface-muted: hsl(var(--background-surface-300));--foreground: hsl(var(--foreground-default));--text-secondary: hsl(var(--foreground-light));--text-muted: hsl(var(--foreground-muted));--border: hsl(var(--border-default));--border-subtle: hsl(var(--border-overlay));--border-strong: hsl(var(--border-strong));--shadow-resting: 0 1px 2px oklch(0% 0 0 / .06);--shadow-floating: var(--modal-panel-shadow-lg, 0 8px 24px hsl(var(--foreground-default) / .18))}.arc-host.pleo-arc-date--field{--control-height-md: 30px;--radius-control: .375rem;--text-sm: 13px}.arc-host.pleo-arc-date--tiny{--control-height-md: 26px;--radius-control: .375rem;--text-sm: 12px}.arc-host.pleo-arc-date--no-icon button>svg:first-child{display:none}.arc-host.pleo-arc-date button[aria-haspopup=dialog]:focus,.arc-host.pleo-arc-date button[aria-haspopup=dialog]:focus-visible{outline:none!important;box-shadow:none!important;border-color:var(--foreground)}.arc-host[data-pleo-date-picker-portal]{pointer-events:auto}.arc-host.pleo-arc-date [role=dialog] button:focus-visible{outline:2px solid var(--text-secondary)!important;outline-offset:-2px}.dark .arc-host.pleo-arc-date.app-menu{--surface-raised: hsl(143 2% 18%);--surface-muted: hsl(143 2% 24%);--text-secondary: hsl(0 0% 76%);--text-muted: hsl(0 0% 64%);--border: hsl(143 2% 30%);--border-subtle: hsl(143 2% 26%)}.dark .pleo-app-frame .arc-host figure[aria-label],.dark .app-overlay .arc-host figure[aria-label]{--border: hsl(143 2% 30%);--border-strong: hsl(0 0% 64%);--foreground: hsl(0 0% 93.3%);--text-secondary: hsl(0 0% 76%);--text-muted: hsl(0 0% 70.6%);--surface-raised: hsl(143 2% 18%)}.arc-host.pleo-arc-date button[aria-haspopup=dialog]:focus-visible{border-color:var(--text-secondary)}.dashboard-arc-chart{min-width:0;width:100%}.dashboard-funnel-segment{transition:opacity .15s ease-out}.dashboard-arc-chart [role=slider]:focus-visible{outline:1px solid var(--accent);outline-offset:3px;border-radius:var(--radius-control)}.dashboard-funnel{container-type:inline-size;margin:0;color:var(--foreground)}.dashboard-funnel-canvas{position:relative}.dashboard-funnel-horizontal{position:absolute;inset:80px 0 auto;width:100%;height:154px;pointer-events:none}.dashboard-funnel-baseline{stroke:var(--border);stroke-width:1;vector-effect:non-scaling-stroke}.dashboard-funnel-steps{display:grid;grid-template-columns:repeat(var(--stage-count),minmax(0,1fr));min-height:236px}.dashboard-funnel-stage{position:relative;display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px;border:0;border-radius:var(--radius-control);background:transparent;color:inherit;text-align:start;cursor:pointer;transition:background-color .15s ease-out}.dashboard-funnel-stage+.dashboard-funnel-stage{border-inline-start:1px dashed var(--border)}.dashboard-funnel-stage:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.dashboard-funnel-stage:disabled{cursor:default}.dashboard-funnel-label{display:flex;width:100%;align-items:center;justify-content:space-between;gap:4px;color:var(--text-secondary);font-size:var(--text-xs)}.dashboard-funnel-label svg{flex:none;opacity:0}.dashboard-funnel-stage:focus-visible .dashboard-funnel-label svg{opacity:1}.dashboard-funnel-value{font-size:var(--text-lg);font-weight:500;font-variant-numeric:tabular-nums;line-height:1.2}.dashboard-funnel-share,.dashboard-funnel figcaption{color:var(--text-secondary);font-size:var(--text-xs)}.dashboard-funnel figcaption{margin-top:10px}@media(hover:hover){.dashboard-funnel-stage:not(:disabled):hover{background:color-mix(in oklab,var(--accent) 5%,transparent)}.dashboard-funnel-stage:hover .dashboard-funnel-label svg{opacity:1}}@container (max-width: 419px){.dashboard-funnel-stage{padding-inline:6px}.dashboard-funnel-label svg{display:none}}@media(prefers-reduced-motion:reduce){.dashboard-funnel-stage,.dashboard-funnel-segment{transition:none}}.dashboard-activity-visual{--heatmap-columns: 53;--heatmap-cell-max: 15px;--heatmap-calendar-margin: auto;min-width:0}.dashboard-project-activity{min-width:0}.dashboard-activity-stream input[type=range]{appearance:none;background:transparent;cursor:pointer}.dashboard-activity-stream input[type=range]::-webkit-slider-runnable-track{height:2px;background:hsl(var(--border-default));border-radius:2px}.dashboard-activity-stream input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:hsl(var(--brand-default))}.dashboard-activity-stream input[type=range]::-moz-range-track{height:2px;background:hsl(var(--border-default))}.dashboard-activity-stream input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:hsl(var(--brand-default))}.dashboard-activity-stream input[type=range]:focus-visible{outline:1px solid hsl(var(--brand-default));outline-offset:3px}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:hsl(var(--background-surface-200))}body{font-family:var(--font-sans)}button,select{font:inherit}.demo-root{position:relative;width:1576px;height:1101px;transform:scale(var(--demo-scale,1));transform-origin:top left;color:hsl(var(--foreground-default));font-family:var(--font-sans);font-size:13px;line-height:1.5;overflow:hidden;background:hsl(var(--background-surface-200))}.demo-topbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 17px;background:hsl(var(--background-surface-200))}.demo-brand,.demo-topbar-right,.demo-ai{display:flex;align-items:center;gap:12px}.demo-brand strong{font-size:16px;font-weight:500}.demo-brand img{object-fit:contain}.demo-slash{color:hsl(var(--foreground-muted));margin:0 4px}.demo-brand>span:last-child{font-size:12px}.demo-topbar-right{gap:24px;font-size:12px;color:hsl(var(--foreground-light))}.demo-ai{gap:10px}.demo-search{display:flex;align-items:center;gap:9px;border:1px solid hsl(var(--border-default));border-radius:6px;padding:3px 8px;width:176px;height:26px}.demo-search kbd{margin-left:auto;font:inherit;color:hsl(var(--foreground-muted))}.demo-avatar{height:30px;width:26px;display:grid;place-items:center;background:hsl(var(--brand-300));border:2px solid white;border-radius:50%;position:relative;font-size:10px;color:hsl(var(--brand-600))}.demo-avatar i{position:absolute;right:-4px;top:-3px;background:hsl(var(--brand-default));width:7px;height:7px;border-radius:50%}.demo-sidebar{position:absolute;top:48px;left:0;width:48px;bottom:0;display:flex;flex-direction:column;align-items:center;background:hsl(var(--background-surface-200));padding-top:14px}.demo-org{background:hsl(var(--brand-300));color:hsl(var(--brand-600));width:22px;height:22px;border-radius:50%;display:grid;place-items:center;margin:0 0 12px}.demo-sidebar nav{display:flex;flex-direction:column;gap:4px}.demo-icon{width:36px;height:36px;border-radius:7px;display:grid;place-items:center;color:hsl(var(--foreground-light));border:1px solid transparent;background:transparent;cursor:default}.demo-icon:hover{background:hsl(var(--background-surface-300))}.demo-icon.is-active{background:hsl(var(--background-surface-100));border-color:hsl(var(--border-default));box-shadow:0 1px 2px #0000000d;color:hsl(var(--foreground-default))}.demo-sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:4px;align-items:center;padding-bottom:5px}.demo-sidebar-divider{width:32px;border-top:1px solid hsl(var(--border-default));margin:3px 0}.demo-main{margin-left:48px;height:1053px;padding:23px 32px 32px;border-top-left-radius:12px;background:hsl(var(--background-surface-100));box-shadow:-3px -2px 8px #00000003}.demo-welcome{display:flex;justify-content:space-between;align-items:flex-start;height:96px}.demo-welcome h1{font-size:18px;font-weight:600;line-height:27px;margin:0 0 4px}.demo-welcome p{display:flex;align-items:center;gap:9px;font-size:12px;color:hsl(var(--foreground-light));margin:0}.demo-welcome p svg{margin-left:4px}.demo-welcome-actions{display:flex;gap:8px;padding-top:10px}.demo-top-grid{display:grid;grid-template-columns:3fr 2fr;gap:16px;margin-bottom:16px}.demo-top-grid>[data-dashboard-card]{height:282px}.demo-widget-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.demo-see-all{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:400;white-space:nowrap}.demo-see-all svg{color:hsl(var(--foreground-light))}.demo-attention-body{padding:0}.demo-attention-row{display:flex;align-items:center;gap:18px;min-height:59px;padding:9px 16px 9px 22px;border-bottom:1px solid hsl(var(--border-secondary));font-size:12px}.demo-attention-row>svg{color:hsl(var(--foreground-light));flex-shrink:0}.demo-attention-row>div{min-width:0;flex:1}.demo-attention-row p{margin:0;color:hsl(var(--foreground-light));white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-status{padding:3px 10px;border:1px solid hsl(var(--border-strong));border-radius:6px;background:hsl(var(--background-surface-200));white-space:nowrap;color:hsl(var(--foreground-light))}.demo-attention-footer{padding:10px 26px;font-size:12px}.demo-calendar-toolbar{display:flex;align-items:center;gap:3px;padding:0 0 16px;border-bottom:1px solid hsl(var(--border-secondary))}.demo-calendar-toolbar>span{height:28px;width:28px;display:grid;place-items:center;color:hsl(var(--foreground-light));border:1px solid transparent;border-radius:6px}.demo-calendar-toolbar>.selected{border-color:hsl(var(--border-secondary));background:hsl(var(--background-surface-200))}.demo-deadline-body{padding:14px 16px}.demo-event{display:flex;align-items:center;gap:14px;margin-top:14px;font-size:12px}.demo-event>div:nth-child(2){flex:1}.demo-event p{margin:2px 0 0}.demo-date{border:1px solid hsl(var(--border-secondary));border-radius:7px;width:38px;text-align:center;padding:2px 0}.demo-date span,.demo-date strong{display:block}.demo-date strong{font-size:15px;font-weight:500}.demo-task-status{padding:3px 10px;background:hsl(var(--background-surface-200));border:1px solid hsl(var(--border-secondary));border-radius:6px}.demo-pipeline{height:366px;position:relative}.demo-pipeline .dashboard-funnel-steps{min-height:244px}.demo-pipeline .dashboard-funnel-horizontal{inset:82px 0 auto;height:154px}.demo-pipeline figcaption{margin-top:8px}.demo-chart-detail{position:absolute;bottom:12px;left:16px;right:16px;padding:8px 12px;background:hsl(var(--brand-200));border:1px solid hsl(var(--brand-400));border-radius:6px;display:flex;justify-content:space-between;font-size:12px}.demo-chart-detail button{background:transparent;border:0}.demo-activity{height:308px}.demo-card-actions{display:flex;align-items:center;gap:24px}.demo-project-select{position:relative;display:flex;align-items:center}.demo-project-select select{height:26px;min-width:160px;padding:0 26px 0 10px;border:1px solid hsl(var(--border-strong));border-radius:6px;background:transparent;appearance:none;font-size:12px}.demo-project-select svg{position:absolute;right:10px;pointer-events:none}.demo-legend{display:flex;gap:16px;list-style:none;margin:0 0 26px;padding:0;font-size:12px;color:hsl(var(--foreground-light))}.demo-legend li{display:flex;align-items:center;gap:8px}.demo-chart-caption{margin-top:10px;font-size:12px;color:hsl(var(--foreground-light))}.demo-diary{min-height:285px}.demo-diary>div:last-child>p{font-size:12px;margin:0 0 12px}.demo-diary-head,.demo-diary-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(7,58px);font-size:12px}.demo-diary-head{height:51px;color:hsl(var(--foreground-light))}.demo-diary-head>span:first-child{align-self:end;padding-bottom:8px}.demo-diary-head>span:not(:first-child){text-align:center;padding:6px 0}.demo-diary-row{border-top:1px solid hsl(var(--border-secondary));min-height:65px;align-items:stretch}.demo-diary-row>div{padding:12px 0}.demo-diary-row p{margin:1px 0;color:hsl(var(--foreground-light))}.demo-diary-row>span{display:grid;place-items:center;position:relative}.demo-diary-row>span:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:hsl(var(--border-secondary))}.demo-diary-row i{width:5px;height:5px;border-radius:50%;background:hsl(var(--border-strong));position:relative}.demo-diary-row i.has-entry{background:hsl(var(--brand-default));box-shadow:0 0 0 5px hsl(var(--brand-300));width:6px;height:6px}.today{background:hsl(var(--brand-200)/.65);color:hsl(var(--brand-600))}.demo-hours{min-height:285px}.demo-hours-row{padding:10px 4px 13px;border-bottom:1px solid hsl(var(--border-secondary));font-size:12px}.demo-hours-row:first-child{padding-top:8px}.demo-hours-row:last-child{border-bottom:none}.demo-hours-row>div:first-child{display:flex;justify-content:space-between;align-items:center}.demo-hours-row p{margin:2px 0 7px;color:hsl(var(--foreground-light))}.demo-hours-row p span{float:right}.demo-hours-row .over{color:hsl(var(--warning-600))}.demo-progress{height:6px;border-radius:5px;background:hsl(var(--background-surface-300));overflow:hidden}.demo-progress span{display:block;height:100%;border-radius:5px;background:hsl(var(--brand-default));transform-origin:left;animation:demo-progress-in .85s cubic-bezier(.22,1,.36,1) both;animation-delay:.4s}.demo-progress .over{background:hsl(var(--warning-400))}@keyframes demo-progress-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.demo-progress span{animation:none}}.demo-main{background:#f7f7f7}.demo-legend{margin-bottom:16px}.dark .demo-main{background:hsl(var(--background-surface-200))}.dark .demo-brand img{filter:invert(1)}.dark .demo-avatar{border-color:hsl(var(--border-default))}
