html{height:100%;color-scheme:light;--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-body-large-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-body-medium-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-body-small-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-display-large-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-display-medium-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-display-small-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-headline-large-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-headline-medium-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-headline-small-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-label-large-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-label-medium-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-label-small-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-title-large-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-title-medium-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-title-small-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-none: 0;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-sys-primary: #0095f6;--mat-sys-on-primary: #ffffff;--mat-sys-surface: light-dark(#ffffff, #000000);--mat-sys-on-surface: light-dark(#000000, #f5f5f5);--mat-sys-on-surface-variant: light-dark(#737373, #a8a8a8);--mat-sys-surface-container: light-dark(#ffffff, #262626);--mat-sys-surface-container-high: light-dark(#ffffff, #262626);--mat-sys-surface-container-highest: light-dark(#efefef, #363636);--mat-sys-outline: light-dark(#dbdbdb, #363636);--mat-sys-outline-variant: light-dark(#dbdbdb, #262626);--mat-sys-corner-extra-small: 8px;--mat-sys-corner-small: 8px;--mat-sys-corner-medium: 12px;--mat-sys-corner-large: 12px;--mat-sys-corner-extra-large: 12px;--mat-button-protected-container-color: #0095f6;--mat-button-protected-label-text-color: #ffffff;--mat-button-protected-label-text-weight: 600;--mat-button-protected-container-shape: 8px;--mat-button-protected-container-elevation-shadow: none;--mat-button-protected-hover-container-elevation-shadow: none;--mat-button-protected-focus-container-elevation-shadow: none;--mat-button-protected-pressed-container-elevation-shadow: none;--mat-button-filled-container-shape: 8px;--mat-button-filled-label-text-weight: 600;--mat-button-outlined-container-shape: 8px;--mat-button-outlined-outline-color: light-dark(#dbdbdb, #363636);--mat-button-outlined-label-text-color: light-dark(#000000, #f5f5f5);--mat-button-outlined-label-text-weight: 600;--mat-button-text-container-shape: 8px;--mat-button-text-label-text-weight: 600;--mat-form-field-outlined-container-shape: 8px;--mat-form-field-outlined-outline-color: light-dark(#dbdbdb, #363636);--mat-form-field-outlined-hover-outline-color: light-dark(#a8a8a8, #555555);--mat-form-field-outlined-focus-outline-color: light-dark(#737373, #a8a8a8);--mat-form-field-outlined-focus-outline-width: 1px;--mat-form-field-outlined-focus-label-text-color: light-dark(#737373, #a8a8a8)}html[data-theme=dark]{color-scheme:dark}body{background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -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-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500: oklch(63.7% .237 25.331);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--spacing: .25rem;--container-sm: 24rem;--container-xl: 36rem;--container-3xl: 48rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-wide: .025em;--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;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}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.relative{position:relative}.static{position:static}.col-span-2{grid-column:span 2 / span 2}.m-0{margin:0}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-4{height:calc(var(--spacing) * 4)}.min-h-screen{min-height:100vh}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-56{width:calc(var(--spacing) * 56)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-48{min-width:calc(var(--spacing) * 48)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.rounded{border-radius:.25rem}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking: var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-red-500{color:var(--color-red-500)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-60{opacity:60%}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(width>=40rem){.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:p-6{padding:calc(var(--spacing) * 6)}}@media(width>=48rem){.md\:p-10{padding:calc(var(--spacing) * 10)}}}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}:root{--surface: #ffffff;--surface-raised: #ffffff;--surface-tint: #efefef;--border: #dbdbdb;--border-strong: #c7c7c7;--text-primary: #000000;--text-secondary: #737373;--text-muted: #8e8e8e;--accent: #0095f6;--accent-hover: #1877f2;--accent-bg: rgba(0, 149, 246, .1);--like: #ff3040;--hashtag: #00376b;--story-gradient: linear-gradient(45deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);--glass-bg: var(--surface);--glass-border: var(--border);--glass-shadow: 0 0 0 transparent;--glass-highlight: 0 0 0 transparent}[data-theme=dark]{--surface: #000000;--surface-raised: #262626;--surface-tint: #262626;--border: #262626;--border-strong: #363636;--text-primary: #f5f5f5;--text-secondary: #a8a8a8;--text-muted: #8e8e8e;--accent: #0095f6;--accent-hover: #4cb5f9;--accent-bg: rgba(0, 149, 246, .16);--hashtag: #e0f1ff;--color-gray-500: #a8a8a8;--color-gray-600: #a8a8a8;--color-red-500: #ff6b77}:root:not([data-theme=dark]){--color-gray-500: #737373;--color-gray-600: #737373;--color-red-500: #ed4956}.liquid-material .mat-mdc-form-field-infix{width:auto}.liquid-material{min-width:0}.mat-app-background{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--surface);color:var(--text-primary)}.liquid-glass{background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text-primary)}.status-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--surface-tint);color:var(--text-secondary);font-size:12px;white-space:nowrap}.status-chip mat-icon{font-size:15px;width:15px;height:15px}.status-chip.status-done{background:#22c55e29;color:#16a34a}.status-chip.status-postponed{background:#f59e0b29;color:#d97706}[data-theme=dark] .status-chip.status-done{background:#4ade8029;color:#4ade80}[data-theme=dark] .status-chip.status-postponed{background:#fbbf2429;color:#fbbf24}.effort-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:var(--surface-tint);font-size:12px;color:var(--text-secondary);white-space:nowrap}.effort-badge mat-icon{font-size:15px;width:15px;height:15px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;text-align:center;color:var(--text-muted)}.empty-state mat-icon{font-size:32px;width:32px;height:32px;opacity:.6}.inline-icon{font-size:15px!important;width:15px!important;height:15px!important;vertical-align:text-bottom}.form-card{padding:20px}@media(max-width:639px){.form-card{padding:14px 12px}}.chip-row{display:flex;flex-wrap:wrap}.chip-toggle{display:inline-flex;align-items:center;gap:4px;padding:7px 14px;border:none;border-radius:8px;background:var(--surface-tint);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.chip-toggle mat-icon{font-size:16px;width:16px;height:16px}.chip-toggle.active{background:var(--text-primary);color:var(--surface)}.chip-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;background:var(--surface-tint);color:var(--text-secondary);font-size:12px;white-space:nowrap}.badge mat-icon{font-size:14px;width:14px;height:14px}.badge-accent{background:var(--accent-bg);color:var(--accent)}.badge-ok{background:#22c55e29;color:#16a34a}.badge-warn{background:#f59e0b29;color:#d97706}.badge-danger{background:#ef444424;color:#dc2626}[data-theme=dark] .badge-ok{color:#4ade80}[data-theme=dark] .badge-warn{color:#fbbf24}[data-theme=dark] .badge-danger{color:#f87171}.section-heading{display:flex;align-items:center;gap:8px;margin:0 4px 10px;font-size:17px;font-weight:600}.section-heading mat-icon{color:var(--text-primary)}.list-row{display:flex;align-items:center;gap:14px;padding:12px 14px;cursor:pointer}.list-row-body{flex:1;min-width:0}.list-row-title{margin:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 0;font-size:12px;color:var(--text-secondary)}.icon-tile{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:var(--surface-tint);color:var(--text-primary)}.full-width-button{display:block;width:100%}.full-width-button button{width:100%;justify-content:center}.muted{color:var(--text-muted)}.plain-link{color:var(--accent);font-weight:600;cursor:pointer;text-decoration:none}.tag-row{display:flex;flex-wrap:wrap}.chip-row>*,.tag-row>*{margin:0 8px 10px 0}.chip-row+.tag-row{margin-top:4px}.tag{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:none;color:var(--hashtag);font-size:14px;font-weight:400;line-height:1.2;white-space:nowrap}.tag mat-icon{font-size:16px;width:16px;height:16px;margin-right:-4px}button.tag{cursor:pointer}.auth-card{padding:36px 32px 28px}@media(max-width:450px){.auth-card.liquid-glass{border:none;padding:24px 8px}}@property --ring-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.ring-glow{position:relative;isolation:isolate}.ring-glow:before{content:"";position:absolute;inset:calc(-1 * var(--ring-gap, 0px));z-index:1;padding:var(--ring-width, 2px);border-radius:inherit;background:conic-gradient(from var(--ring-angle),#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#d62976,#feda75);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;animation:ring-spin var(--ring-duration, 3s) linear infinite}@keyframes ring-spin{to{--ring-angle: 360deg}}.auth-button{display:block;border-radius:12px;--ring-gap: 3px;--ring-width: 1.5px;--ring-duration: 6s}.auth-button:before{opacity:.7}.auth-button{--mat-button-protected-container-color: #1c1c1e;--mat-button-protected-label-text-color: #fff}.auth-button:after{content:"";position:absolute;inset:-4px;z-index:-1;border-radius:inherit;background:conic-gradient(from var(--ring-angle),#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#d62976,#feda75);filter:blur(12px);opacity:.15;animation:ring-spin 6s linear infinite}.auth-button button{width:100%;justify-content:center}.auth-card .mat-mdc-form-field{--ring-width: 1px;--ring-duration: 10s}.auth-card .mat-mdc-form-field.mat-focused{--ring-width: 1.5px;--ring-duration: 6s}.auth-card .mdc-notched-outline:before{content:"";position:absolute;inset:0;padding:var(--ring-width);border-radius:8px;background:conic-gradient(from var(--ring-angle),#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#d62976,#feda75);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.45;animation:ring-spin var(--ring-duration) linear infinite;transition:opacity .2s ease}.auth-card .mat-focused .mdc-notched-outline:before{opacity:.85}.auth-card .mdc-notched-outline__leading,.auth-card .mdc-notched-outline__notch,.auth-card .mdc-notched-outline__trailing{border-color:transparent!important}.auth-card .mdc-floating-label--float-above{margin-left:-4px;padding:0 4px;background:var(--surface)}@media(prefers-reduced-motion:reduce){.ring-glow:before,.auth-button:after,.auth-card .mdc-notched-outline:before{animation:none}}.auth-title{margin:0 0 8px;color:var(--text-secondary);font-size:16px;font-weight:600;text-align:center}@media(prefers-reduced-motion:reduce){app-bottom-nav *{transition:none!important;animation:none!important}}:root{--nav-glass-tint: rgba(255, 255, 255, .42);--nav-glass-edge: rgba(255, 255, 255, .65);--nav-glass-shine: rgba(255, 255, 255, .95);--nav-glass-sheen: rgba(255, 255, 255, .45);--nav-glass-shadow: 0 10px 34px rgba(0, 0, 0, .16), 0 1px 3px rgba(0, 0, 0, .08);--nav-glass-active: rgba(0, 0, 0, .07);--nav-glass-menu: rgba(255, 255, 255, .9)}[data-theme=dark]{--nav-glass-tint: rgba(38, 38, 38, .42);--nav-glass-edge: rgba(255, 255, 255, .14);--nav-glass-shine: rgba(255, 255, 255, .28);--nav-glass-sheen: rgba(255, 255, 255, .07);--nav-glass-shadow: 0 10px 34px rgba(0, 0, 0, .55), 0 1px 3px rgba(0, 0, 0, .4);--nav-glass-active: rgba(255, 255, 255, .12);--nav-glass-menu: rgba(38, 38, 38, .92)}.nav-glass{isolation:isolate;background:var(--nav-glass-tint);-webkit-backdrop-filter:blur(16px) saturate(200%) brightness(1.04);backdrop-filter:blur(16px) saturate(200%) brightness(1.04);border:1px solid var(--nav-glass-edge);box-shadow:inset 0 1px 0 var(--nav-glass-shine),inset 0 -1px 1px #ffffff0f,var(--nav-glass-shadow)}.nav-glass:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(180deg,var(--nav-glass-sheen) 0%,transparent 55%);pointer-events:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.nav-glass{background:var(--surface-raised)}}.row-enter{animation:row-in .32s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(min(var(--i, 0),12)*25ms)}.row-leave{overflow:hidden;animation:row-out .32s cubic-bezier(.4,0,.2,1) both}.section-enter{animation:fade-in .25s ease both}.section-leave{animation:fade-out .2s ease both}@keyframes row-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes row-out{0%{max-height:120px}to{max-height:0;opacity:0;transform:translate(16px)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.row-enter,.row-leave,.section-enter,.section-leave{animation:none}}:root{--skeleton-base: #efefef;--skeleton-shine: #fafafa}[data-theme=dark]{--skeleton-base: #1c1c1c;--skeleton-shine: #2a2a2a}.skeleton{display:block;border-radius:6px;background:linear-gradient(100deg,var(--skeleton-base) 40%,var(--skeleton-shine) 50%,var(--skeleton-base) 60%);background-size:300% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}:root{--toast-success: #34c759;--toast-error: #ff3b30}.mat-mdc-snack-bar-container.glass-toast{--mat-snack-bar-container-color: var(--nav-glass-tint);--mat-snack-bar-supporting-text-color: var(--text-primary);--mat-snack-bar-button-color: var(--accent);--mat-snack-bar-container-shape: 18px;--toast-edge: var(--nav-glass-edge);margin:calc(12px + env(safe-area-inset-top)) 12px 0}.mat-mdc-snack-bar-container.toast-success{--toast-edge: var(--toast-success);--toast-icon: "check_circle";--toast-icon-color: var(--toast-success)}@supports (color: color-mix(in lab,red,red)){.mat-mdc-snack-bar-container.toast-success{--toast-edge: color-mix(in srgb, var(--toast-success) 65%, transparent)}}.mat-mdc-snack-bar-container.toast-error{--toast-edge: var(--toast-error);--toast-icon: "error";--toast-icon-color: var(--toast-error)}@supports (color: color-mix(in lab,red,red)){.mat-mdc-snack-bar-container.toast-error{--toast-edge: color-mix(in srgb, var(--toast-error) 65%, transparent)}}.mat-mdc-snack-bar-container.toast-info{--toast-icon: "info";--toast-icon-color: var(--text-secondary)}.mat-mdc-snack-bar-container.glass-toast .mdc-snackbar__surface{-webkit-backdrop-filter:blur(16px) saturate(200%) brightness(1.04);backdrop-filter:blur(16px) saturate(200%) brightness(1.04);border:1px solid var(--toast-edge);box-shadow:inset 0 1px 0 var(--nav-glass-shine),0 0 0 3px var(--toast-edge),var(--nav-glass-shadow);animation:toast-in .45s cubic-bezier(.2,1.3,.4,1) both}@supports (color: color-mix(in lab,red,red)){.mat-mdc-snack-bar-container.glass-toast .mdc-snackbar__surface{box-shadow:inset 0 1px 0 var(--nav-glass-shine),0 0 0 3px color-mix(in srgb,var(--toast-edge) 22%,transparent),var(--nav-glass-shadow)}}.mat-mdc-snack-bar-container.glass-toast .mat-mdc-snack-bar-label.mdc-snackbar__label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.mat-mdc-snack-bar-container.glass-toast .mat-mdc-snack-bar-label.mdc-snackbar__label:before{content:var(--toast-icon, "info");flex-shrink:0;color:var(--toast-icon-color);font-family:Material Icons;font-size:22px;font-weight:400;line-height:1;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}.mat-mdc-snack-bar-container.glass-toast .mat-mdc-snack-bar-action{font-weight:600}@keyframes toast-in{0%{opacity:0;transform:translateY(-120%)}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mat-mdc-snack-bar-container.glass-toast{--mat-snack-bar-container-color: var(--surface-raised)}}@media(prefers-reduced-motion:reduce){.mat-mdc-snack-bar-container.glass-toast .mdc-snackbar__surface{animation:none}}@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-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@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;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--ring-angle: 0deg}}}