/* Snímka štýlov aplikácie (tools/snapshot-app.mjs plan), /admin/tournaments/3/harmonogram?day=2026-10-07. Neupravovať ručne. */
.app-plan{--duration-quick: .15s; --ease-out: cubic-bezier(.22, 1, .36, 1); --font-sans: "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-brand: #101010; --color-on-brand: #fff; --color-danger: oklch(54.62% .2365 28.88); --default-font-family: "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --color-ink: #101010; --spacing: .25rem; --radius-lg: .5rem; --radius-md: .375rem; --tw-border-style: solid; --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-white: #fff; --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --font-weight-medium: 500; --color-zinc-800: oklch(27.4% .006 286.033); --tw-inset-shadow: 0 0 #0000; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --scale-medium: .97; --scale-tiny: .99; --duration-fast: .25s; --duration-micro: 80ms; --scale-small: .98; --scale-large: .96; --duration-medium: .35s; --blur-small: 2px; --scale-pop: 1.04; --duration-slow: .4s; --sidebar-resize-duration: .25s; --disclosure-duration: .25s; --ease-swap: cubic-bezier(.77, 0, .175, 1); --scale-swap: .25; --distance-base: 8px; --distance-small: 6px; --distance-micro: 4px; --duration-very-slow: .5s; --fin-fill-duration: .5s; --popover-scale-close: .99; --popover-close: .15s cubic-bezier(.22, 1, .36, 1); --radius-pill: 999px; --text-small: .8125rem; --text-small--line-height: calc(16 / 13); --color-frame: #1b1b1b; --color-btn-2: #00000014; --color-fill-2: #0000000d; --color-ink-2: #4a4a4a; --state: .15s cubic-bezier(.22, 1, .36, 1); --color-surface: #fff; --shadow-in: 0 2px 3px -1px #0000000a, 0 3px 4px -1.5px #0000000a, 0 0 0 1px #00000021; --slide: .25s cubic-bezier(.22, 1, .36, 1); --radius-pop: 16px; --color-raise: #fff; --shadow-pop: 0 2px 2px -1px #0000000f, 0 3px 4px -2px #0000000f, 0 6px 8px -3px #0000000f, 0 12px 16px -4px #0000000f, 0 0 0 1px #00000014; --press: .15s cubic-bezier(.22, 1, .36, 1); --color-ink-3: #707070; --radius-card: 20px; --color-fill: #00000008; --shadow-card: 0 0 2px #0000003d, 0 2px 12px #00000005, 0 4px 16px #00000005, 0 4px 48px #00000005; --color-br-ice: #0f6e86; --color-br-ice-f: #0f6e8617; --color-br-food: #a6560e; --color-br-food-f: #a6560e17; --color-br-open: oklch(50% .107 303); --color-br-open-f: oklch(50% .107 303/.09); --edge-start: 0px; --edge-end: 0px; --fade: .15s cubic-bezier(.22, 1, .36, 1); --icon-stroke: 1.25px; --page-slide-duration: .25s; --blur-medium: 3px;}
.app-plan{--font-sans: "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-800: oklch(27.9% .041 260.031); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-zinc-50: oklch(98.5% 0 none); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 none); --color-neutral-100: oklch(97% 0 none); --color-neutral-200: oklch(92.2% 0 none); --color-neutral-300: oklch(87% 0 none); --color-neutral-400: oklch(70.8% 0 none); --color-neutral-500: oklch(55.6% 0 none); --color-neutral-600: oklch(43.9% 0 none); --color-neutral-700: oklch(37.1% 0 none); --color-neutral-800: oklch(26.9% 0 none); --color-neutral-900: oklch(20.5% 0 none); --color-neutral-950: oklch(14.5% 0 none); --color-stone-800: oklch(26.8% .007 34.298); --color-mauve-800: oklch(26.3% .024 320.12); --color-olive-800: oklch(28.6% .016 107.4); --color-mist-800: oklch(27.5% .011 216.9); --color-taupe-800: oklch(26.8% .011 36.5); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-xl: 36rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --tracking-wider: .05em; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --ease-out: cubic-bezier(.22, 1, .36, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --default-transition-duration: var(--duration-quick); --default-transition-timing-function: var(--ease-out); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-accent: var(--color-brand); --color-accent-content: var(--color-brand); --color-accent-foreground: var(--color-on-brand); --text-small: .8125rem; --text-small--line-height: calc(16 / 13); --text-page: 1.625rem; --text-page--line-height: calc(32 / 26); --text-page-phone: 1.4375rem; --tracking-page: -.02em; --color-canvas: #fff; --color-surface: #fff; --color-raise: #fff; --color-ink: #101010; --color-ink-2: #4a4a4a; --color-ink-3: #707070; --color-frame: #1b1b1b; --color-frame-edge: transparent; --color-line: #00000014; --color-line-2: #00000021; --color-fill: #00000008; --color-fill-2: #0000000d; --color-fill-3: #00000014; --color-logo-bg: #fff; --color-img-line: #0000001a; --color-brand: #101010; --color-brand-hover: #0a0a0a; --color-on-brand: #fff; --color-btn-2: #00000014; --color-btn-2-hover: #00000021; --color-in-hover: #00000008; --color-btn-2-active: #0000002e; --pri-bg: radial-gradient(50% 50% at 50% 0%, #fff3 0%, #fff0 100%), radial-gradient(49.59% 37.11% at 50.41% 101.56%, #ffffff26 0%, #fff0 66.46%); --color-focus: oklch(62.89% .2036 263.44); --color-focus-halo: oklch(62.89% .2036 263.44/.22); --color-ok: oklch(57.53% .1926 136.74); --color-ok-fill: oklch(96.72% .0599 131.73); --color-ok-ink: oklch(30.07% .1034 135.37); --color-warn: oklch(31.68% .0962 48.79); --color-danger: oklch(54.62% .2365 28.88); --color-danger-halo: #d6000033;}
.app-plan{--color-danger-halo: color-mix(in oklch, var(--color-danger) 20%, transparent);}
.app-plan{--color-live: var(--color-danger); --color-info-ink: #01596f; --color-info-soft: oklch(95% .0448 212.63); --color-s-ink: #f7f7f7; --color-s-ink-2: #ffffffd1; --color-s-ink-3: #a6a6a6; --color-s-mute: #8c8c8c; --color-s-off: #ffffff47; --color-s-fill: #ffffff0f; --color-s-fill-2: #ffffff1c; --color-s-fill-3: #ffffff2b; --color-s-ok: #4cc873; --color-s-icon: #dcdcdc; --color-s-on: #1b1b1b; --s-shadow: inset 0 0 8px 1px #ffffff05, inset 0 1px 1px #ffffff05, inset 0 0 0 1px #ffffff05, 0 1px 2px #0000001a, 0 0 0 1px #0000001a; --color-br-ice: #0f6e86; --color-br-ice-f: #0f6e8617; --color-br-food: #a6560e; --color-br-food-f: #a6560e17; --color-br-open: oklch(50% .107 303); --color-br-open-f: oklch(50% .107 303/.09); --color-br-cup: #8a5a00; --color-br-cup-f: #8a5a001a; --color-br-pause: #4f5b6b; --color-br-pause-f: #4f5b6b17; --color-br-blue: #2b5fc7; --color-br-blue-f: #2b5fc717; --color-br-green: #2e7a3a; --color-br-green-f: #2e7a3a17; --color-br-red: #b83a2e; --color-br-red-f: #b83a2e17; --radius-ctl: 12px; --radius-card: 20px; --radius-pop: 16px; --radius-pill: 999px; --shadow-out: 0 0 0 1px #00000012, 0 2px 1px -1px #0000000d, 0 9px 10px -8px #00000021; --shadow-card: 0 0 2px #0000003d, 0 2px 12px #00000005, 0 4px 16px #00000005, 0 4px 48px #00000005; --shadow-in: 0 2px 3px -1px #0000000a, 0 3px 4px -1.5px #0000000a, 0 0 0 1px #00000021; --shadow-pri: 0 1px .5px -.5px #00000021, 0 1px 2px -.5px #00000021, 0 4px 6px -2px #00000021, 0 2px 3px -1.5px #00000021, inset 0 0 4px 1px #101010, inset 0 0 4px 2px #ffffff1a, inset 0 0 12px -6px #ffffffbf; --shadow-pop: 0 2px 2px -1px #0000000f, 0 3px 4px -2px #0000000f, 0 6px 8px -3px #0000000f, 0 12px 16px -4px #0000000f, 0 0 0 1px #00000014; --shadow-modal: 0 24px 56px -12px #0000003d, 0 24px 24px -12px #0000001f, 0 3px 6px #0000000d, 0 2px 4px #0000000d, 0 1px 2px #0000000d, 0 0 0 1px #00000012; --scrim: linear-gradient(#0000001a, #00000026); --color-scrim-solid: #00000080; --duration-micro: 80ms; --duration-quick: .15s; --duration-fast: .25s; --duration-medium: .35s; --duration-slow: .4s; --duration-very-slow: .5s; --ease-swap: cubic-bezier(.77, 0, .175, 1); --distance-micro: 4px; --distance-small: 6px; --distance-base: 8px; --scale-large: .96; --scale-medium: .97; --scale-small: .98; --scale-tiny: .99; --scale-swap: .25; --scale-pop: 1.04; --blur-small: 2px; --blur-medium: 3px;}
.app-plan *,.app-plan ::after,.app-plan ::before,.app-plan ::backdrop{box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px;}
.app-plan ::file-selector-button{box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px;}
.app-plan{text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent;}
.app-plan b{font-weight: bolder;}
.app-plan img,.app-plan svg{vertical-align: middle; display: block;}
.app-plan img{max-width: 100%; height: auto;}
.app-plan button{font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px;}
.app-plan ::file-selector-button{font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px;}
.app-plan ::file-selector-button{margin-inline-end: 4px;}
.app-plan ::placeholder{opacity: 1;}
.app-plan ::placeholder{color: currentcolor;}
.app-plan ::placeholder{color: color-mix(currentcolor, transparent);}
.app-plan ::-webkit-search-decoration{appearance: none;}
.app-plan ::-webkit-date-and-time-value{min-height: 1lh; text-align: inherit;}
.app-plan ::-webkit-datetime-edit{display: inline-flex;}
.app-plan ::-webkit-datetime-edit-fields-wrapper{padding: 0px;}
.app-plan ::-webkit-datetime-edit{padding-block: 0px;}
.app-plan ::-webkit-datetime-edit-year-field{padding-block: 0px;}
.app-plan ::-webkit-datetime-edit-month-field{padding-block: 0px;}
.app-plan ::-webkit-datetime-edit-day-field{padding-block: 0px;}
.app-plan ::-webkit-datetime-edit-hour-field{padding-block: 0px;}
.app-plan ::-webkit-datetime-edit-minute-field{padding-block: 0px;}
.app-plan ::-webkit-datetime-edit-second-field{padding-block: 0px;}
.app-plan ::-webkit-datetime-edit-millisecond-field{padding-block: 0px;}
.app-plan ::-webkit-datetime-edit-meridiem-field{padding-block: 0px;}
.app-plan ::-webkit-calendar-picker-indicator{line-height: 1;}
.app-plan button{appearance: button;}
.app-plan ::file-selector-button{appearance: button;}
.app-plan ::-webkit-inner-spin-button{height: auto;}
.app-plan ::-webkit-outer-spin-button{height: auto;}
.app-plan ui-dropdown{display: inline-flex;}
.app-plan *{scrollbar-width: thin; scrollbar-color: rgba(16, 16, 16, 0.24) transparent;}
.app-plan *{scrollbar-color: color-mix(in oklab, var(--color-ink) 24%, transparent) transparent;}
.app-plan .sr-only{clip-path: inset(50%); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden;}
.app-plan .relative{position: relative;}
.app-plan .col-start-2{grid-column-start: 2;}
.app-plan .col-end-\[-1\]{grid-column-end: -1;}
.app-plan .flex{display: flex;}
.app-plan .hidden{display: none;}
.app-plan .inline-flex{display: inline-flex;}
.app-plan .h-10{height: calc(var(--spacing) * 10);}
.app-plan .w-7{width: calc(var(--spacing) * 7);}
.app-plan .w-full{width: 100%;}
.app-plan .shrink-0{flex-shrink: 0;}
.app-plan .items-center{align-items: center;}
.app-plan .justify-center{justify-content: center;}
.app-plan .gap-2{gap: calc(var(--spacing) * 2);}
.app-plan .rounded-lg{border-radius: var(--radius-lg);}
.app-plan .rounded-md{border-radius: var(--radius-md);}
.app-plan .border{border-style: var(--tw-border-style); border-width: 1px;}
.app-plan .border-zinc-200{border-color: var(--color-zinc-200);}
.app-plan .border-b-zinc-300\/80{border-bottom-color: rgba(212, 212, 216, 0.8);}
.app-plan .border-b-zinc-300\/80{border-bottom-color: color-mix(in oklab, var(--color-zinc-300) 80%, transparent);}
.app-plan .bg-white{background-color: var(--color-white);}
.app-plan .p-\[\.3125rem\]{padding: 0.3125rem;}
.app-plan .px-2{padding-inline: calc(var(--spacing) * 2);}
.app-plan .py-1\.5{padding-block: calc(var(--spacing) * 1.5);}
.app-plan .ps-4{padding-inline-start: calc(var(--spacing) * 4);}
.app-plan .pe-3{padding-inline-end: calc(var(--spacing) * 3);}
.app-plan .text-start{text-align: start;}
.app-plan .text-sm{font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height));}
.app-plan .font-medium{--tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);}
.app-plan .whitespace-nowrap{white-space: nowrap;}
.app-plan .text-zinc-800{color: var(--color-zinc-800);}
.app-plan .shadow-xs{--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.app-plan .select-none{user-select: none;}
.app-plan :where(.\[\:where\(\&\)\]\:size-4){width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);}
.app-plan :where(.\[\:where\(\&\)\]\:min-w-48){min-width: calc(var(--spacing) * 48);}
.app-plan{--state: var(--duration-quick) var(--ease-out); --press: var(--duration-quick) var(--ease-out); --press-scale: var(--scale-medium); --press-scale-row: var(--scale-tiny); --fade: var(--duration-quick) var(--ease-out); --theme-duration: var(--duration-fast); --popover-open: var(--duration-fast) var(--ease-out); --popover-close: var(--duration-quick) var(--ease-out); --popover-scale: var(--scale-medium); --popover-scale-close: var(--scale-tiny); --tooltip-delay: var(--duration-micro); --tooltip-in: var(--duration-quick) var(--ease-out); --tooltip-out: 50ms var(--ease-out); --tooltip-travel: var(--duration-quick) var(--ease-out); --tooltip-reach: var(--duration-fast); --tooltip-scale: var(--scale-small); --modal-open: var(--duration-fast) var(--ease-out); --modal-close: var(--duration-quick) var(--ease-out); --modal-scale: var(--scale-large); --sheet-move: var(--duration-fast) var(--ease-out); --sheet-fade: var(--duration-quick) var(--ease-out); --sheet-rise: 24px; --sheet-peek: 12px; --sheet-back-scale: .94; --toast-in: var(--duration-medium) var(--ease-out); --toast-out: var(--duration-fast) var(--ease-out); --toast-distance: 16px; --toast-scale: var(--scale-medium); --toast-blur: var(--blur-small); --toast-pulse: var(--duration-fast) var(--ease-out); --toast-pulse-scale: var(--scale-pop); --toast-pulse-dim: 1; --drawer-in: var(--duration-slow) var(--ease-out); --drawer-out: var(--duration-medium) var(--ease-out); --sidebar-resize-duration: var(--duration-fast); --sidebar-resize: var(--sidebar-resize-duration) var(--ease-out); --sidebar-words-out: var(--duration-quick) var(--ease-out); --sidebar-words-in: var(--duration-quick) var(--ease-out); --nav-move-duration: var(--duration-fast); --disclosure-duration: var(--duration-fast); --disclosure: var(--disclosure-duration) var(--ease-out); --disclosure-blur: var(--blur-small); --disclosure-follow: var(--duration-micro); --swap: var(--duration-fast) var(--ease-swap); --swap-scale: var(--scale-swap); --swap-blur: var(--blur-small); --slide: var(--duration-fast) var(--ease-out); --count: var(--duration-fast) var(--ease-out); --count-distance: var(--distance-base); --count-blur: var(--blur-small); --count-stagger: var(--duration-micro); --check-fill: var(--duration-quick) var(--ease-out); --check-draw: var(--duration-fast) var(--ease-out); --check-undraw: var(--duration-quick) var(--ease-out); --shake: calc(4 * var(--duration-micro)) var(--ease-out); --shake-distance: var(--distance-small); --shake-overshoot: var(--distance-micro); --toggle: var(--duration-fast) var(--ease-out); --reorder: var(--duration-fast) var(--ease-out); --step-next: .8s; --fin-fill-duration: var(--duration-very-slow); --fin-fill: var(--fin-fill-duration) var(--ease-swap); --fin-pop: var(--duration-very-slow) var(--ease-out); --fin-hold: 1.6s; --fin-out: var(--duration-fast) var(--ease-out); --live-ping: 2s cubic-bezier(0, 0, .2, 1); --flash: 1.6s var(--ease-out);}
.app-plan :is([data-flux-menu], [data-flux-options]){transform-origin: 0px 0px; opacity: 0; scale: var(--popover-scale-close); transition: opacity var(--popover-close), scale var(--popover-close), overlay var(--popover-close) allow-discrete, display var(--popover-close) allow-discrete;}
.app-plan [position$="end"] > :is([data-flux-menu], [data-flux-options]){transform-origin: 100% 0px;}
.app-plan [data-flux-button]{border-radius: var(--radius-pill); height: auto; min-height: 32px; font-size: var(--text-small); line-height: var(--text-small--line-height); gap: 4px; padding-inline: 14px; font-weight: 500;}
.app-plan [data-flux-button]{transition-property: background-color, color, box-shadow, opacity, scale; transition-duration: var(--duration-quick); transition-timing-function: var(--ease-out);}
.app-plan:has([data-admin-frame]){background: var(--color-frame);}
.app-plan [data-flux-button][class~="bg-white"][class~="border-zinc-200"]{background: var(--color-btn-2); box-shadow: none; border: 0px;}
.app-plan [data-seg]{background: var(--color-fill-2); border-radius: 16px; flex-wrap: wrap; gap: 2px; padding: 2px; display: flex;}
.app-plan [data-seg] > button{border-radius: var(--radius-pill); min-height: 28px; color: var(--color-ink-2); cursor: pointer; transition: background-color var(--state), color var(--state); flex: 1 1 auto; padding: 0px 12px; font-size: 0.8125rem; font-weight: 500; line-height: 1.23077;}
.app-plan [data-seg] > button[aria-pressed="true"]{background: var(--color-surface); box-shadow: var(--shadow-in); color: var(--color-ink);}
.app-plan [data-seg]{isolation: isolate; position: relative;}
.app-plan [data-seg][data-seg-pill]::before{content: ""; z-index: -1; width: var(--seg-w); height: var(--seg-h); translate: var(--seg-x) var(--seg-y); border-radius: var(--radius-pill); background: var(--color-surface); box-shadow: var(--shadow-in); transition: translate var(--slide), width var(--slide), height var(--slide); position: absolute; top: 0px; left: 0px;}
.app-plan [data-seg][data-seg-pill] > button[aria-pressed="true"]{box-shadow: none; background: 0px 0px;}
@property --side-fade-top { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --side-fade-bottom { syntax: "<length>"; inherits: false; initial-value: 0; }
.app-plan{--slot-wait: .12s;}
.app-plan [data-hg-tools]{flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; display: flex;}
.app-plan [data-hg-days]{scrollbar-width: none; flex-wrap: nowrap; min-width: 0px; max-width: 100%; overflow-x: auto;}
.app-plan [data-hg-days]::-webkit-scrollbar{display: none;}
.app-plan [data-hg-days] > button{white-space: nowrap; flex: 0 0 auto;}
.app-plan [data-hg-filters]{flex-wrap: wrap; gap: 8px; margin-inline-start: auto; display: flex;}
.app-plan [data-flux-button][data-hg-filter-button]{padding-inline: 14px 10px;}
.app-plan [data-flux-button][data-hg-filter-button] > svg:last-child{width: 16px; height: 16px; color: var(--color-ink-2);}
.app-plan [data-hg-filter] [data-flux-menu]{border-radius: var(--radius-pop); background: var(--color-raise); min-width: 180px; box-shadow: var(--shadow-pop); border: 0px; padding: 6px;}
.app-plan [data-hg-filter] [data-flux-menu-item]{min-height: 32px; color: var(--color-ink); transition: background-color var(--state), scale var(--press); border-radius: 10px; gap: 8px; padding: 6px 8px; font-size: 0.875rem; font-weight: 400;}
.app-plan [data-hg-check]{width: 16px; height: 16px; color: var(--color-ink); flex: 0 0 auto; margin-inline-start: auto;}
.app-plan [data-harmonogram]{grid-template-columns: 52px repeat(var(--columns), minmax(236px, 1fr)); min-width: calc(52px + var(--columns) * 244px); gap: 4px 8px; display: grid;}
.app-plan [data-row-time]{color: var(--color-ink); font-variant-numeric: tabular-nums; padding-top: 10.5px; font-size: 0.875rem; font-weight: 500; line-height: 1.28571;}
.app-plan [data-row-time][data-muted]{color: var(--color-ink-3); padding-top: 8px;}
.app-plan [data-cell]{align-content: start; gap: 8px; min-width: 0px; display: grid;}
.app-plan :is([data-add-cell], [data-add], [data-insert-button]){border-radius: var(--radius-card); background: var(--color-fill); color: var(--color-ink-2); font-size: var(--text-small); line-height: var(--text-small--line-height); font-variant-numeric: tabular-nums; cursor: pointer; transition: background-color var(--state), color var(--state), opacity var(--state), scale var(--press); justify-content: center; align-items: center; gap: 6px; font-weight: 500; display: flex;}
.app-plan :is([data-add-cell], [data-add], [data-insert-button]) > svg{flex: 0 0 auto; width: 16px; height: 16px;}
.app-plan [data-add]{min-height: 36px;}
.app-plan [data-slot-row]{z-index: 2; grid-column: 1 / -1; height: 0px; position: relative;}
.app-plan [data-slot-row]::before{content: ""; position: absolute; inset: -4px 0px;}
.app-plan [data-insert-button]{opacity: 0; pointer-events: none; position: absolute; inset: 2px 0px 2px 60px; overflow: hidden;}
.app-plan [data-card]{box-sizing: border-box; border-radius: var(--radius-card); background: var(--color-surface); width: 100%; min-width: 0px; box-shadow: var(--shadow-card); color: var(--color-ink); text-align: start; transition: background-color var(--state), scale var(--press); grid-template-columns: minmax(0px, 1fr); align-self: start; gap: 6px; padding: 12px 16px; font-size: 0.875rem; line-height: 1.42857; display: grid; position: relative;}
.app-plan [data-card-menu]{border-radius: inherit; cursor: pointer; position: absolute; inset: 0px;}
.app-plan [data-card-top]{min-width: 0px; color: var(--color-ink-2); font-size: var(--text-small); justify-content: space-between; gap: 8px; line-height: 1.38462; display: flex;}
.app-plan [data-card-top] > :is(span, b){text-overflow: ellipsis; white-space: nowrap; min-width: 0px; overflow: hidden;}
.app-plan [data-card-team]{align-items: center; gap: 8px; min-width: 0px; display: flex;}
.app-plan [data-card-name]{text-overflow: ellipsis; white-space: nowrap; min-width: 0px; overflow: hidden;}
.app-plan [data-card-crest]{color: var(--color-ink-3); flex: 0 0 auto;}
.app-plan img[data-card-crest]{box-sizing: border-box; object-fit: contain;}
.app-plan [data-card-team] > [data-score]{text-align: end; font-variant-numeric: tabular-nums; min-width: 24px; margin-inline-start: auto; font-size: 1rem; font-weight: 600; line-height: 1.25;}
.app-plan [data-card] > [data-card-top]{grid-column: 1 / -1;}
.app-plan [data-card] > [data-card-team]{grid-column: 1;}
.app-plan [data-hg-tools]:not([data-days-menu]) > [data-hg-day-menu]{display: none;}
.app-plan [data-hg-tools]{position: relative;}
.app-plan [data-break-color="ice"]{--break-c: var(--color-br-ice); --break-f: var(--color-br-ice-f);}
.app-plan [data-break-color="food"]{--break-c: var(--color-br-food); --break-f: var(--color-br-food-f);}
.app-plan [data-break-color="open"]{--break-c: var(--color-br-open); --break-f: var(--color-br-open-f);}
.app-plan [data-break-band]{border-radius: var(--radius-card); background: var(--break-f); min-width: 0px; min-height: 36px; color: var(--break-c); font-size: var(--text-small); font-variant-numeric: tabular-nums; cursor: pointer; transition: background-color var(--state), scale var(--press); justify-content: center; align-items: center; gap: 8px; padding: 6px 16px; font-weight: 500; line-height: 1.23077; display: flex;}
.app-plan [data-break-band] > svg{flex: 0 0 auto; width: 16px; height: 16px;}
.app-plan [data-break-band] > span{text-overflow: ellipsis; white-space: nowrap; min-width: 0px; overflow: hidden;}
.app-plan [data-break-minutes]{font-weight: 400;}
.app-plan [data-flux-button][class~="bg-white"][class~="border-zinc-200"]{color: var(--color-ink);}
.app-plan [data-card-team] > [data-score]{letter-spacing: -0.011em;}
@property --edge-start { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --edge-end { syntax: "<length>"; inherits: false; initial-value: 0; }
.app-plan :is([data-hg-days], [data-hg-board], [data-side-tabs]){mask-image: linear-gradient(to right, transparent, #0000004d calc(var(--edge-start) * .25), #000000d1 calc(var(--edge-start) * .55), #000 var(--edge-start), #000 calc(100% - var(--edge-end)), #000000d1 calc(100% - var(--edge-end) * .55), #0000004d calc(100% - var(--edge-end) * .25), transparent);}
.app-plan :is([data-column-body], [data-picker-list], [data-hg-days], [data-hg-board], [data-side-tabs]){transition: --edge-start var(--fade), --edge-end var(--fade);}
.app-plan [data-seg] > button{text-overflow: ellipsis; white-space: nowrap; max-width: 100%; overflow: hidden;}
.app-plan [data-flux-button][data-hg-filter-button]{max-width: 160px;}
.app-plan [data-flux-button][data-hg-filter-button] > span{text-overflow: ellipsis; white-space: nowrap; min-width: 0px; overflow: hidden;}
.app-plan [data-hg-filter] [data-flux-menu]{max-width: min(320px, -32px + 100vw);}
.app-plan [data-hg-filter] [data-flux-menu-item]{white-space: normal; overflow-wrap: anywhere;}
.app-plan{--icon-stroke: 1.25px;}
.app-plan :is(svg[data-flux-icon][stroke], svg[data-break-icon], svg[data-break-icon].size-5){stroke-width: var(--icon-stroke);}
.app-plan :is(svg[data-flux-icon][stroke], svg[data-break-icon]) :is(path, circle, ellipse, line, polyline, polygon, rect){vector-effect: non-scaling-stroke;}
.app-plan [data-break-band] > span:has(> [data-break-minutes]){display: flex;}
.app-plan [data-break-band] [data-break-label]{text-overflow: ellipsis; min-width: 0px; overflow: hidden;}
.app-plan [data-break-band] [data-break-minutes]{flex: 0 0 auto; margin-inline-start: 0.25em;}
.app-plan [data-insert-label]{align-items: center; gap: 6px; display: inline-flex;}
.app-plan [data-insert-label] > svg{flex: 0 0 auto; width: 16px; height: 16px;}
.app-plan [data-hg-all-short]{display: none;}
.app-plan .sr-only{top: 0px; inset-inline-start: 0px;}
.app-plan{--page-slide-duration: var(--duration-fast); --page-slide: var(--page-slide-duration) var(--ease-out); --page-slide-distance: var(--distance-base); --page-slide-blur: var(--blur-medium);}
@property --print-fade-top { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --print-fade-bottom { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --share-fade-top { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --share-fade-bottom { syntax: "<length>"; inherits: false; initial-value: 0; }
.app-plan button,.app-plan [role^="menuitem"],.app-plan [data-flux-button],.app-plan img,.app-plan svg,.app-plan ::placeholder{user-select: none;}
@property --tw-border-spacing-x { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-border-spacing-y { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-mask-linear { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); }
@property --tw-mask-radial { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); }
@property --tw-mask-conic { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); }
@property --tw-mask-left { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); }
@property --tw-mask-right { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); }
@property --tw-mask-bottom { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); }
@property --tw-mask-top { syntax: "*"; inherits: false; initial-value: linear-gradient(#fff, #fff); }
@property --tw-mask-right-from-position { syntax: "*"; inherits: false; initial-value: 0%; }
@property --tw-mask-right-to-position { syntax: "*"; inherits: false; initial-value: 100%; }
@property --tw-mask-right-from-color { syntax: "*"; inherits: false; initial-value: black; }
@property --tw-mask-right-to-color { syntax: "*"; inherits: false; initial-value: transparent; }
@property --tw-mask-left-from-position { syntax: "*"; inherits: false; initial-value: 0%; }
@property --tw-mask-left-to-position { syntax: "*"; inherits: false; initial-value: 100%; }
@property --tw-mask-left-from-color { syntax: "*"; inherits: false; initial-value: black; }
@property --tw-mask-left-to-color { syntax: "*"; inherits: false; initial-value: transparent; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
.app-plan{--livewire-progress-bar-color: #2299dd;}
.app-plan{--duration-quick: .15s; --ease-out: cubic-bezier(.22, 1, .36, 1); --font-sans: "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-brand: #101010; --color-on-brand: #fff; --color-danger: oklch(54.62% .2365 28.88); --default-font-family: "Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --color-ink: #101010; --spacing: .25rem; --radius-lg: .5rem; --radius-md: .375rem; --tw-border-style: solid; --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-white: #fff; --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --font-weight-medium: 500; --color-zinc-800: oklch(27.4% .006 286.033); --tw-inset-shadow: 0 0 #0000; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --scale-medium: .97; --scale-tiny: .99; --duration-fast: .25s; --duration-micro: 80ms; --scale-small: .98; --scale-large: .96; --duration-medium: .35s; --blur-small: 2px; --scale-pop: 1.04; --duration-slow: .4s; --sidebar-resize-duration: .25s; --disclosure-duration: .25s; --ease-swap: cubic-bezier(.77, 0, .175, 1); --scale-swap: .25; --distance-base: 8px; --distance-small: 6px; --distance-micro: 4px; --duration-very-slow: .5s; --fin-fill-duration: .5s; --popover-scale-close: .99; --popover-close: .15s cubic-bezier(.22, 1, .36, 1); --radius-pill: 999px; --text-small: .8125rem; --text-small--line-height: calc(16 / 13); --color-frame: #1b1b1b; --color-btn-2: #00000014; --color-fill-2: #0000000d; --color-ink-2: #4a4a4a; --state: .15s cubic-bezier(.22, 1, .36, 1); --color-surface: #fff; --shadow-in: 0 2px 3px -1px #0000000a, 0 3px 4px -1.5px #0000000a, 0 0 0 1px #00000021; --slide: .25s cubic-bezier(.22, 1, .36, 1); --color-live: oklch(54.62% .2365 28.88); --live-ping: 2s cubic-bezier(0, 0, .2, 1); --radius-pop: 16px; --color-raise: #fff; --shadow-pop: 0 2px 2px -1px #0000000f, 0 3px 4px -2px #0000000f, 0 6px 8px -3px #0000000f, 0 12px 16px -4px #0000000f, 0 0 0 1px #00000014; --press: .15s cubic-bezier(.22, 1, .36, 1); --color-ink-3: #707070; --radius-card: 20px; --color-fill: #00000008; --shadow-card: 0 0 2px #0000003d, 0 2px 12px #00000005, 0 4px 16px #00000005, 0 4px 48px #00000005; --pri-bg: radial-gradient(50% 50% at 50% 0%, #fff3 0%, #fff0 100%), radial-gradient(49.59% 37.11% at 50.41% 101.56%, #ffffff26 0%, #fff0 66.46%); --shadow-pri: 0 1px .5px -.5px #00000021, 0 1px 2px -.5px #00000021, 0 4px 6px -2px #00000021, 0 2px 3px -1.5px #00000021, inset 0 0 4px 1px #101010, inset 0 0 4px 2px #ffffff1a, inset 0 0 12px -6px #ffffffbf; --shadow-out: 0 0 0 1px #00000012, 0 2px 1px -1px #0000000d, 0 9px 10px -8px #00000021; --color-br-ice: #0f6e86; --color-br-ice-f: #0f6e8617; --color-br-food: #a6560e; --color-br-food-f: #a6560e17; --edge-start: 0px; --edge-end: 0px; --fade: .15s cubic-bezier(.22, 1, .36, 1); --icon-stroke: 1.25px; --page-slide-duration: .25s; --blur-medium: 3px;}
.app-plan [data-live-dot]{border-radius: 50%; flex: 0 0 auto; width: 8px; height: 8px; position: relative;}
.app-plan [data-live-dot]{background: var(--color-live);}
.app-plan [data-live-dot]::after{content: ""; background: var(--color-live); opacity: 0.3; animation: live-ping var(--live-ping) infinite; border-radius: 50%; position: absolute; inset: 0px;}
@keyframes live-ping { 
  75%, 100% { opacity: 0; transform: scale(2); }
}
.app-plan [data-edit-game]{border-radius: inherit; cursor: pointer; position: absolute; inset: 0px;}
.app-plan [data-card][data-tall]{row-gap: 4px;}
.app-plan [data-card][data-tall] > [data-card-team]{min-height: 32px;}
.app-plan [data-card][data-state="running"] [data-card-name]{font-weight: 500;}
.app-plan [data-strip]{z-index: 1; border-radius: var(--radius-card) var(--radius-card) 0 0; background: rgba(214, 0, 0, 0.07); align-items: center; gap: 8px; height: 32px; margin: -12px -16px 6px; padding-inline: 16px; display: flex; position: relative;}
.app-plan [data-strip]{background: color-mix(in oklab, var(--color-live) 7%, transparent);}
.app-plan [data-strip]{color: var(--color-ink-2); font-size: var(--text-small); line-height: 1.38462;}
.app-plan [data-strip] > [data-live-dot]{margin-inline: 3px 1px;}
.app-plan :is([data-strip-label], [data-strip-question]){text-overflow: ellipsis; white-space: nowrap; min-width: 0px; overflow: hidden;}
.app-plan [data-strip-question]{color: var(--color-ink); font-weight: 600;}
.app-plan [data-strip-question]{font-weight: 500;}
.app-plan [data-strip-space]{flex: 1 1 0%;}
.app-plan :is([data-strip-icon], [data-strip-text], [data-strip-confirm]){border-radius: var(--radius-pill); cursor: pointer; height: 24px; transition: background-color var(--state), color var(--state), opacity var(--state), scale var(--press); flex: 0 0 auto; place-items: center; font-weight: 500; display: inline-grid;}
.app-plan [data-strip-icon]{width: 24px; color: var(--color-ink-2);}
.app-plan [data-strip-icon] > svg{width: 16px; height: 16px;}
.app-plan [data-strip-text]{color: var(--color-ink); padding-inline: 8px;}
.app-plan [data-strip-text][data-strip-open]{padding-inline: 10px;}
.app-plan [data-strip-confirm]{background: var(--pri-bg), var(--color-brand); box-shadow: var(--shadow-pri); color: var(--color-on-brand); padding-inline: 10px;}
.app-plan [data-goals]{z-index: 1; flex: 0 0 auto; align-items: center; gap: 6px; margin-inline-start: auto; display: flex; position: relative;}
.app-plan [data-goals] > b{text-align: center; font-variant-numeric: tabular-nums; min-width: 32px; font-size: 1.125rem; font-weight: 600; line-height: 1.11111;}
.app-plan [data-goal]{border-radius: var(--radius-pill); background: var(--color-surface); width: 28px; height: 28px; box-shadow: var(--shadow-out); color: var(--color-ink); cursor: pointer; transition: background-color var(--state), opacity var(--state), scale var(--press); place-items: center; display: grid; position: relative;}
.app-plan [data-goal]::before{content: ""; position: absolute; inset: -2px -4px;}
.app-plan [data-goal] > svg{width: 16px; height: 16px;}
.app-plan [data-goals] > b{letter-spacing: -0.014em;}