@charset "UTF-8";@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/fonts/material-icons/MaterialIcons-Regular.woff2) format("woff2"),url(/assets/fonts/material-icons/MaterialIcons-Regular.woff) format("woff"),url(/assets/fonts/material-icons/MaterialIcons-Regular.ttf) format("truetype")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.theme-light{--md-sys-color-primary: rgb(239 108 0);--md-sys-color-on-primary: rgb(255 255 255);--md-sys-color-surface: rgb(255 251 248);--md-sys-color-on-surface: rgb(32 26 22);--md-sys-color-surface-variant: rgb(243 223 209);--md-sys-color-on-surface-variant: rgb(82 68 58);--md-sys-color-outline: rgb(132 116 105);--md-sys-color-error: rgb(186 26 26);--md-sys-color-on-error: rgb(255 255 255);--md-sys-color-background: rgb(255 251 248);--md-sys-color-on-background: rgb(32 26 22);--md-sys-color-surface-tint: rgb(239 108 0);--color-primary: var(--md-sys-color-primary);--color-on-primary: var(--md-sys-color-on-primary);--color-on-cover: #fff;--color-surface: var(--md-sys-color-surface);--color-on-surface: var(--md-sys-color-on-surface);--color-surface-variant: var(--md-sys-color-surface-variant);--color-on-surface-muted: var(--md-sys-color-on-surface-variant);--color-outline: var(--md-sys-color-outline);--color-error: var(--md-sys-color-error);--color-on-error: var(--md-sys-color-on-error);--color-success: #2e7d32;--color-on-success: #ffffff;--color-warning: #ed6c02;--color-info: #0288d1;--color-celebration: #f5c842;--color-template: #7b1fa2;--color-badge: var(--color-primary);--color-on-badge: rgb(255 255 255);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--space-4xl: 4rem;--font-sans: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 40px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 10px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .14);--shadow-focus: 0 0 0 var(--space-xs) color-mix(in srgb, var(--color-primary) 25%, transparent);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-emphasized: cubic-bezier(.4, 0, .2, 1);--opacity-disabled: .38;--opacity-hover: .08;--opacity-focus: .12;--opacity-muted: .6;--z-dropdown: 1000;--z-sticky: 1100;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600;--size-interactive-min: 2.75rem;--focus-ring-width: 2px;--focus-ring-offset: 2px}.theme-dark{--md-sys-color-primary: rgb(255 184 128);--md-sys-color-on-primary: rgb(98 43 0);--md-sys-color-surface: rgb(24 20 16);--md-sys-color-on-surface: rgb(238 227 218);--md-sys-color-surface-variant: rgb(82 68 58);--md-sys-color-on-surface-variant: rgb(214 195 181);--md-sys-color-outline: rgb(159 143 131);--md-sys-color-error: rgb(255 180 171);--md-sys-color-on-error: rgb(105 0 5);--md-sys-color-background: rgb(24 20 16);--md-sys-color-on-background: rgb(238 227 218);--md-sys-color-surface-tint: rgb(255 184 128);--color-primary: var(--md-sys-color-primary);--color-on-primary: var(--md-sys-color-on-primary);--color-surface: var(--md-sys-color-surface);--color-on-surface: var(--md-sys-color-on-surface);--color-surface-variant: var(--md-sys-color-surface-variant);--color-on-surface-muted: var(--md-sys-color-on-surface-variant);--color-outline: var(--md-sys-color-outline);--color-error: var(--md-sys-color-error);--color-on-error: var(--md-sys-color-on-error);--color-success: #81c784;--color-on-success: #000000;--color-warning: #ffb74d;--color-info: #4fc3f7;--color-celebration: #fdd835;--color-template: #ce93d8;--color-badge: var(--color-primary);--color-on-badge: rgb(0 0 0);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--space-4xl: 4rem;--font-sans: "Open Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 40px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .55);--shadow-focus: 0 0 0 var(--space-xs) color-mix(in srgb, var(--color-primary) 35%, transparent);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-emphasized: cubic-bezier(.4, 0, .2, 1);--opacity-disabled: .38;--opacity-hover: .08;--opacity-focus: .12;--opacity-muted: .6;--z-dropdown: 1000;--z-sticky: 1100;--z-modal: 1400;--z-popover: 1500;--z-tooltip: 1600;--size-interactive-min: 2.75rem;--focus-ring-width: 2px;--focus-ring-offset: 2px}.stack>*+*{margin-top:var(--space-md)}.cluster{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.pad-2{padding:var(--space-sm)}.pad-4{padding:var(--space-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.card{background:var(--color-surface);color:var(--color-on-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard)}.card:hover{transform:translateY(-.125rem);box-shadow:var(--shadow-md)}.card--interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.card--project{position:relative;display:flex;flex-direction:column;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 12%,var(--color-surface)),color-mix(in srgb,var(--color-primary) 4%,var(--color-surface)));border:var(--border-width-md, 2px) solid color-mix(in srgb,var(--color-primary) 40%,transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;color:var(--color-on-surface);font-family:var(--font-sans);transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.card--project:hover{transform:translateY(calc(-1 * var(--space-xs)));box-shadow:var(--shadow-lg)}.card--template{position:relative;display:flex;flex-direction:column;background:linear-gradient(135deg,color-mix(in srgb,var(--color-template) 10%,var(--color-surface)),color-mix(in srgb,var(--color-template) 3%,var(--color-surface)));border:var(--border-width-md, 2px) solid color-mix(in srgb,var(--color-template) 30%,transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;color:var(--color-on-surface);font-family:var(--font-sans);transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.card--template:hover{transform:translateY(calc(-1 * var(--space-xs)));box-shadow:var(--shadow-lg)}.card--project:focus-visible{outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset);box-shadow:var(--shadow-lg)}.card--project.card--completed{background:linear-gradient(135deg,color-mix(in srgb,var(--color-info) 12%,var(--color-surface)),color-mix(in srgb,var(--color-info) 4%,var(--color-surface)));border-color:color-mix(in srgb,var(--color-info) 40%,transparent)}.card--project.card--completed:focus-visible{outline-color:var(--color-info)}.card__cover{width:100%;background-size:cover;background-position:center;position:relative}.card__cover:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 60%)}.card__cover-title{position:relative;z-index:1;color:var(--color-on-cover);font-size:var(--text-md);font-weight:var(--font-weight-bold);padding:var(--space-sm) var(--space-md);text-align:right;text-shadow:0 1px 4px rgba(0,0,0,.6);line-height:1.25;max-width:90%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-item,.btn-toggle,.btn{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-weight:var(--font-weight-semibold);line-height:1.2;color:var(--color-on-surface);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.menu-item:disabled,.btn-toggle:disabled,.btn:disabled,[disabled].menu-item,[disabled].btn-toggle,[disabled].btn{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.btn{justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--color-outline);background:color-mix(in oklab,var(--color-on-surface) 6%,var(--color-surface));padding:var(--space-sm) var(--space-md)}.btn:hover{background:color-mix(in oklab,var(--color-on-surface) 12%,var(--color-surface))}.btn:focus-visible{background:color-mix(in oklab,var(--color-on-surface) 12%,var(--color-surface));outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset)}.btn--primary{background:var(--color-primary);border-color:transparent;color:var(--color-on-primary)}.btn--primary:hover{background:var(--color-primary);filter:brightness(.95)}.btn--primary:focus-visible{background:var(--color-primary);filter:brightness(.95);outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset)}.btn .material-icons{color:currentColor}.btn .danger-icon,.btn .material-icons.action-icon.danger-icon{color:var(--color-error)}.btn.mat-mdc-button-base{--mat-button-text-label-text-color: var(--color-on-surface);--mat-button-outlined-label-text-color: var(--color-on-surface);--mat-button-text-state-layer-color: var(--color-on-surface);--mat-button-outlined-state-layer-color: var(--color-on-surface);--mat-button-text-ripple-color: color-mix(in srgb, var(--color-on-surface) 12%, transparent);--mat-button-outlined-ripple-color: color-mix(in srgb, var(--color-on-surface) 12%, transparent);--mat-button-text-container-shape: var(--radius-sm);--mat-button-outlined-container-shape: var(--radius-sm);--mat-button-filled-container-shape: var(--radius-sm);--mat-button-filled-label-text-color: var(--color-on-surface);--mat-button-filled-state-layer-color: var(--color-on-surface);--mat-button-tonal-label-text-color: var(--color-on-surface);--mat-button-tonal-state-layer-color: var(--color-on-surface)}.btn.btn--danger{color:var(--color-error);border-color:var(--color-error)}.btn.btn--danger.mat-mdc-button-base{--mat-button-text-label-text-color: var(--color-error)}.btn.btn--danger:hover,.btn.btn--danger:focus-visible{background:color-mix(in srgb,var(--color-error) 10%,color-mix(in oklab,var(--color-on-surface) 6%,var(--color-surface)))}.btn--icon{padding:var(--space-sm);min-width:var(--size-interactive-min);min-height:var(--size-interactive-min);gap:0;aspect-ratio:1/1;justify-content:center;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-on-surface);position:relative;overflow:hidden;transition:background var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard)}.btn--icon:hover{background:color-mix(in srgb,var(--color-on-surface) var(--opacity-hover),transparent)}.btn--icon:focus-visible{background:color-mix(in srgb,var(--color-on-surface) var(--opacity-focus),transparent);outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset)}.btn--icon:active{background:color-mix(in srgb,var(--color-on-surface) 16%,transparent)}.btn--icon.mat-mdc-button-base{min-width:var(--size-interactive-min);min-height:var(--size-interactive-min);padding:var(--space-sm);--mat-button-text-container-shape: var(--radius-full);--mat-button-outlined-container-shape: var(--radius-full)}.btn--icon.btn--primary{color:var(--color-primary);background:transparent;border:none}.btn--icon.btn--primary:hover{background:color-mix(in srgb,var(--color-primary) var(--opacity-hover),transparent)}.btn--icon.btn--primary:focus-visible{background:color-mix(in srgb,var(--color-primary) var(--opacity-focus),transparent);outline-color:var(--color-primary)}.btn--icon.btn--primary:active{background:color-mix(in srgb,var(--color-primary) 16%,transparent)}.btn--icon.btn--primary.active{background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.btn--icon.btn--danger{color:var(--color-error);background:transparent;border:none}.btn--icon.btn--danger:hover{background:color-mix(in srgb,var(--color-error) var(--opacity-hover),transparent)}.btn--icon.btn--danger:focus-visible{background:color-mix(in srgb,var(--color-error) var(--opacity-focus),transparent);outline-color:var(--color-error)}.btn--icon.btn--danger:active{background:color-mix(in srgb,var(--color-error) 16%,transparent)}.btn--icon.btn--filled{background:var(--color-primary);color:var(--color-on-primary);border:none}.btn--icon.btn--filled:hover{filter:brightness(1.1)}.btn--icon.btn--filled:focus-visible{filter:brightness(1.15)}.btn--icon.btn--filled:active{filter:brightness(.9)}.btn--icon.btn--tonal{background:color-mix(in oklab,var(--color-primary) 14%,transparent);color:var(--color-on-surface);border:none}.btn--icon.btn--tonal:hover{background:color-mix(in oklab,var(--color-primary) 20%,transparent)}.btn--icon.btn--tonal:focus-visible{background:color-mix(in oklab,var(--color-primary) 24%,transparent)}.btn--icon.btn--tonal:active{background:color-mix(in oklab,var(--color-primary) 30%,transparent)}.btn--pill{border-radius:var(--radius-full);padding:var(--space-xs) var(--space-md);font-weight:var(--font-weight-medium)}.btn--pill-lg{border-radius:var(--radius-full);padding:var(--space-sm) var(--space-xl);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);min-height:3rem;box-shadow:var(--shadow-sm)}.btn--pill-lg:hover,.btn--pill-lg:focus-visible{background:color-mix(in oklab,var(--color-primary) 8%,color-mix(in oklab,var(--color-on-surface) 6%,var(--color-surface)));border-color:color-mix(in oklab,var(--color-primary) 20%,var(--color-outline));box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--pill-lg.btn--primary{box-shadow:var(--shadow-md)}.btn--pill-lg.btn--primary:hover,.btn--pill-lg.btn--primary:focus-visible{background:color-mix(in srgb,var(--color-on-primary) 8%,var(--color-primary));box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn--pill.mat-mdc-button-base,.btn--pill-lg.mat-mdc-button-base{--mat-button-text-container-shape: var(--radius-full);--mat-button-outlined-container-shape: var(--radius-full);--mat-button-filled-container-shape: var(--radius-full)}.btn-toggle{position:relative;width:3.5rem;height:2rem;padding:0;border-radius:var(--radius-full);border:2px solid var(--color-outline);background:var(--color-surface);justify-content:flex-start;gap:0;transition:background var(--duration-normal) var(--ease-standard),border-color var(--duration-normal) var(--ease-standard)}.btn-toggle:before{content:"";position:absolute;top:2px;left:2px;width:1.5rem;height:1.5rem;border-radius:var(--radius-full);background:var(--color-on-surface);transition:transform var(--duration-normal) var(--ease-emphasized),background var(--duration-normal) var(--ease-standard);box-shadow:var(--shadow-sm)}.btn-toggle[data-active=true]{background:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 70%,var(--color-on-surface))}.btn-toggle[data-active=true]:before{transform:translate(1.5rem);background:var(--color-on-primary)}.btn-toggle:hover{border-color:color-mix(in oklab,var(--color-on-surface) 30%,var(--color-outline))}.btn-toggle[data-active=true]:hover{background:color-mix(in srgb,var(--color-on-primary) 10%,var(--color-primary));border-color:color-mix(in srgb,var(--color-on-primary) 10%,var(--color-primary))}.btn-toggle:focus-visible{outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset)}.btn-toggle:active:not(:disabled):before{width:1.75rem}.btn-toggle .material-icons{position:absolute;font-size:var(--text-md);z-index:1;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-standard)}.btn-toggle .material-icons:first-of-type{left:.375rem;opacity:1;color:var(--color-on-surface-muted)}.btn-toggle .material-icons:last-of-type{right:.375rem;opacity:0;color:var(--color-on-primary)}.btn-toggle[data-active=true] .material-icons:first-of-type{opacity:0}.btn-toggle[data-active=true] .material-icons:last-of-type{opacity:1}.btn--drag-handle{padding:0;min-width:auto;min-height:auto;aspect-ratio:auto;background:transparent;border:none;border-radius:0;position:static;width:1.75rem;height:1.75rem;margin:0 var(--space-sm) 0 0;flex:0 0 1.75rem;cursor:grab;line-height:1;font-size:var(--text-2xl);color:var(--color-on-surface);transition:background var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard)}.btn--drag-handle:hover{background:color-mix(in srgb,var(--color-on-surface) var(--opacity-hover),transparent)}.btn--drag-handle:active{cursor:grabbing;background:color-mix(in srgb,var(--color-on-surface) 16%,transparent)}.btn--drag-handle[disabled]{opacity:.4;cursor:not-allowed}.btn--fullscreen{padding:0;min-width:auto;min-height:auto;aspect-ratio:auto;background:transparent;border:none;border-radius:0;width:auto;height:auto;color:var(--color-on-surface);transition:opacity var(--duration-normal) var(--ease-standard),visibility var(--duration-normal) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),background var(--duration-normal) var(--ease-standard)}.btn--fullscreen:hover{background:color-mix(in srgb,var(--color-on-surface) var(--opacity-hover),transparent)}.btn--fullscreen:active{transform:scale(.98);background:color-mix(in srgb,var(--color-on-surface) 16%,transparent)}.btn--fullscreen .material-icons{font-size:var(--text-2xl);line-height:1}.menu-item{width:100%;justify-content:flex-start;text-align:left;gap:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);border:none;background:transparent;font-size:var(--text-md);font-weight:var(--font-weight-medium);text-decoration:none;position:relative;overflow:hidden}.menu-item>span:not(.material-icons,.menu-item-badge){flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.menu-item .material-icons{font-size:var(--text-xl);width:var(--text-xl);height:var(--text-xl);flex-shrink:0;color:var(--color-primary);transition:color var(--duration-fast) var(--ease-standard)}@media (hover: hover){.menu-item:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.menu-item:hover .material-icons{color:var(--color-primary)}}.menu-item:focus-visible{outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:calc(-1 * var(--focus-ring-offset));background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.menu-item:active:not(:disabled){transform:scale(.98)}.menu-item--active{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary);font-weight:var(--font-weight-semibold)}.menu-item--active .material-icons{color:var(--color-primary)}.menu-item--active:hover{background:color-mix(in srgb,var(--color-primary) 16%,var(--color-surface))}.menu-item--compact{font-size:var(--text-sm);padding:var(--space-sm);gap:var(--space-md)}.menu-item--compact .material-icons{font-size:var(--text-lg);width:var(--text-lg);height:var(--text-lg)}.menu-item--expandable{position:relative}.menu-item--expandable:after{content:"chevron_right";font-family:Material Icons,sans-serif;font-size:var(--text-lg);margin-left:auto;color:var(--color-primary);transition:transform var(--duration-normal) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.menu-item--expandable:hover:after{color:var(--color-primary)}.menu-item--expandable.expanded:after{transform:rotate(90deg)}.menu-item--accented{border-left:var(--space-xs) solid transparent;padding-left:calc(var(--space-md) - var(--space-xs));transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.menu-item--accented.menu-item--active{border-left-color:var(--color-primary)}.menu-item--danger,.menu-item--danger .material-icons{color:var(--color-error)}.menu-item--danger:hover{background:color-mix(in srgb,var(--color-error) 12%,transparent)}.menu-item-badge{min-width:1.25rem;height:1.25rem;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;justify-content:center;line-height:1}.menu-item--active .menu-item-badge{background:var(--color-on-primary);color:var(--color-primary)}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(calc(-1 * var(--space-sm)))}to{opacity:1;transform:translateY(0)}}.menu-dropdown{position:absolute;top:100%;right:0;width:fit-content;display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-popover);overflow:hidden;animation:menuSlideIn var(--duration-fast) var(--ease-standard)}.menu-dropdown .menu-item{width:auto;white-space:nowrap;border-radius:0}.menu-separator{border:0;border-top:var(--border-width-sm, 1px) solid color-mix(in srgb,var(--color-primary) 20%,transparent);margin:var(--space-xs) 0;width:100%}.input{width:100%;box-sizing:border-box;padding:var(--space-md);font-size:var(--text-md);font-family:var(--font-sans);line-height:1.5;border-radius:var(--radius-sm);border:1px solid var(--color-outline);background:var(--color-surface);color:var(--color-on-surface);transition:border-color var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard),background var(--duration-normal) var(--ease-standard)}input::placeholder,textarea::placeholder,.input::placeholder{opacity:.45}.input:hover:not(:disabled){border-color:color-mix(in oklab,var(--color-on-surface) 10%,var(--color-outline))}.input:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 40%,transparent)}.input:disabled,.input[disabled]{cursor:not-allowed;background:var(--color-surface-variant);color:var(--color-on-surface-muted)}.input.ng-invalid.ng-touched{border-color:var(--color-error)}.badge{display:inline-block;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-sm);background:color-mix(in oklab,var(--color-primary) 14%,transparent);color:var(--color-on-surface)}.draft-badge{color:var(--color-primary);flex-shrink:0;font-size:var(--text-lg)}.menu-item .draft-badge{color:var(--color-primary)}.draft-badge--card{position:absolute;top:var(--space-sm);right:var(--space-sm)}.page-header{display:flex;flex-direction:column;align-items:center;gap:0;padding:0 var(--space-lg) var(--space-xs) calc(var(--size-interactive-min) + var(--space-md));width:100%;box-sizing:border-box;text-align:center}.page-header__top{display:flex;align-items:center;justify-content:center;gap:var(--space-md);flex-wrap:wrap;min-height:var(--size-interactive-min)}.page-header__title{margin:0;font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);line-height:1.2}.page-header__streak{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}.page-header__streak-icon{font-size:var(--text-xl);color:var(--color-primary)}.page-header__streak--cold{color:var(--color-info);font-weight:var(--font-weight-bold)}.page-header__streak--cold .page-header__streak-icon{color:var(--color-info)}.section-heading{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0}.page-header__subtitle{font-size:var(--text-sm);color:var(--color-on-surface-muted);margin:0}@media (max-width: 48rem){.page-header{padding-left:calc(var(--size-interactive-min) + var(--space-sm));padding-right:var(--space-md)}.page-header__title{font-size:var(--text-lg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInFromRight{0%{transform:rotateY(90deg) scale(.8);opacity:.3}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes checkmarkPulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.2);opacity:1}}@keyframes textSlideInFromRight{0%{transform:translate(var(--space-sm));opacity:0}to{transform:translate(0);opacity:1}}@media (prefers-reduced-motion: reduce){.btn{transition:none}}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background:color-mix(in oklab,var(--color-on-surface) 45%,transparent)}html.theme-dark .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{background:color-mix(in oklab,var(--color-on-surface) 60%,transparent)}.app-overlay-surface{width:calc(100vw - var(--space-2xl));max-width:calc(var(--space-4xl) * 8);max-height:calc(100dvh - var(--space-4xl));overflow:visible;padding:var(--space-xl);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));color:var(--color-on-surface);border:var(--border-width-sm, 1px) solid color-mix(in srgb,var(--color-primary) 20%,transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.app-overlay-surface .mat-mdc-dialog-surface{padding:0;border-radius:0;background:transparent;box-shadow:none}.app-overlay-surface .mat-mdc-dialog-container{--mat-dialog-transition-duration: 0ms !important;animation:none!important;transition:none!important}.app-overlay-surface .mdc-dialog__surface{animation:none!important;transition:none!important}.app-overlay-surface .mat-mdc-dialog-inner-container{transition:none!important}.cdk-drag-preview{background:var(--color-surface);color:var(--color-on-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);box-shadow:var(--shadow-md);pointer-events:none}.cdk-drag-placeholder{opacity:.25}.cdk-drop-list.cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder){transition:transform var(--duration-fast) var(--ease-standard)}.theme-light{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 16px 24px;--mat-dialog-container-elevation-shadow: none;--mat-dialog-container-max-width: 560px;--mat-dialog-container-min-width: 280px;--mat-dialog-container-shape: 28px;--mat-dialog-container-small-max-width: calc(100vw - 32px) ;--mat-dialog-content-padding: 20px 24px;--mat-dialog-headline-padding: 6px 24px 13px;--mat-dialog-with-actions-content-padding: 20px 24px 0;--mat-dialog-container-color: #fef8fc;--mat-dialog-subhead-color: #1d1b1e;--mat-dialog-supporting-text-color: #49454e;--mat-dialog-subhead-font: Roboto, sans-serif;--mat-dialog-subhead-line-height: 2rem;--mat-dialog-subhead-size: 1.5rem;--mat-dialog-subhead-tracking: 0;--mat-dialog-subhead-weight: 400;--mat-dialog-supporting-text-font: Roboto, sans-serif;--mat-dialog-supporting-text-line-height: 1.25rem;--mat-dialog-supporting-text-size: .875rem;--mat-dialog-supporting-text-tracking: .016rem;--mat-dialog-supporting-text-weight: 400;--mat-snack-bar-container-shape: 4px;--mat-snack-bar-button-color: #d5baff;--mat-snack-bar-container-color: #323033;--mat-snack-bar-supporting-text-color: #f5eff4;--mat-snack-bar-supporting-text-font: Roboto, sans-serif;--mat-snack-bar-supporting-text-line-height: 1.25rem;--mat-snack-bar-supporting-text-size: .875rem;--mat-snack-bar-supporting-text-weight: 400;--mat-button-filled-container-shape: 9999px;--mat-button-filled-horizontal-padding: 24px;--mat-button-filled-icon-offset: -8px;--mat-button-filled-icon-spacing: 8px;--mat-button-filled-touch-target-size: 48px;--mat-button-outlined-container-shape: 9999px;--mat-button-outlined-horizontal-padding: 24px;--mat-button-outlined-icon-offset: -8px;--mat-button-outlined-icon-spacing: 8px;--mat-button-outlined-outline-width: 1px;--mat-button-outlined-touch-target-size: 48px;--mat-button-protected-container-shape: 9999px;--mat-button-protected-horizontal-padding: 24px;--mat-button-protected-icon-offset: -8px;--mat-button-protected-icon-spacing: 8px;--mat-button-protected-touch-target-size: 48px;--mat-button-text-container-shape: 9999px;--mat-button-text-horizontal-padding: 12px;--mat-button-text-icon-offset: -4px;--mat-button-text-icon-spacing: 8px;--mat-button-text-with-icon-horizontal-padding: 16px;--mat-button-text-touch-target-size: 48px;--mat-button-tonal-container-shape: 9999px;--mat-button-tonal-horizontal-padding: 24px;--mat-button-tonal-icon-offset: -8px;--mat-button-tonal-icon-spacing: 8px;--mat-button-tonal-touch-target-size: 48px;--mat-button-filled-container-color: #7d00fa;--mat-button-filled-disabled-container-color: color-mix(in srgb, #1d1b1e 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-button-filled-disabled-state-layer-color: #49454e;--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .08;--mat-button-filled-label-text-color: #ffffff;--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);--mat-button-filled-state-layer-color: #ffffff;--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-button-outlined-disabled-outline-color: color-mix(in srgb, #1d1b1e 12%, transparent);--mat-button-outlined-disabled-state-layer-color: #49454e;--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .08;--mat-button-outlined-label-text-color: #7d00fa;--mat-button-outlined-outline-color: #7b757f;--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, #7d00fa 12%, transparent);--mat-button-outlined-state-layer-color: #7d00fa;--mat-button-protected-container-color: #fef8fc;--mat-button-protected-container-elevation-shadow: 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-button-protected-disabled-container-color: color-mix(in srgb, #1d1b1e 12%, transparent);--mat-button-protected-disabled-container-elevation-shadow: 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-button-protected-disabled-label-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-button-protected-disabled-state-layer-color: #49454e;--mat-button-protected-focus-container-elevation-shadow: 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-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-container-elevation-shadow: 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-button-protected-hover-state-layer-opacity: .08;--mat-button-protected-label-text-color: #7d00fa;--mat-button-protected-pressed-container-elevation-shadow: 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-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, #7d00fa 12%, transparent);--mat-button-protected-state-layer-color: #7d00fa;--mat-button-text-disabled-label-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-button-text-disabled-state-layer-color: #49454e;--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .08;--mat-button-text-label-text-color: #7d00fa;--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, #7d00fa 12%, transparent);--mat-button-text-state-layer-color: #7d00fa;--mat-button-tonal-container-color: #eadef7;--mat-button-tonal-disabled-container-color: color-mix(in srgb, #1d1b1e 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-button-tonal-disabled-state-layer-color: #49454e;--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .08;--mat-button-tonal-label-text-color: #4b4357;--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, #4b4357 12%, transparent);--mat-button-tonal-state-layer-color: #4b4357;--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 40px;--mat-button-outlined-container-height: 40px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 40px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 40px;--mat-button-tonal-container-height: 40px;--mat-button-tonal-touch-target-display: block;--mat-button-filled-label-text-font: Roboto, sans-serif;--mat-button-filled-label-text-size: .875rem;--mat-button-filled-label-text-tracking: .006rem;--mat-button-filled-label-text-weight: 500;--mat-button-outlined-label-text-font: Roboto, sans-serif;--mat-button-outlined-label-text-size: .875rem;--mat-button-outlined-label-text-tracking: .006rem;--mat-button-outlined-label-text-weight: 500;--mat-button-protected-label-text-font: Roboto, sans-serif;--mat-button-protected-label-text-size: .875rem;--mat-button-protected-label-text-tracking: .006rem;--mat-button-protected-label-text-weight: 500;--mat-button-text-label-text-font: Roboto, sans-serif;--mat-button-text-label-text-size: .875rem;--mat-button-text-label-text-tracking: .006rem;--mat-button-text-label-text-weight: 500;--mat-button-tonal-label-text-font: Roboto, sans-serif;--mat-button-tonal-label-text-size: .875rem;--mat-button-tonal-label-text-tracking: .006rem;--mat-button-tonal-label-text-weight: 500;--mat-form-field-filled-active-indicator-height: 1px;--mat-form-field-filled-focus-active-indicator-height: 2px;--mat-form-field-filled-container-shape: 4px;--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px;--mat-form-field-outlined-container-shape: 4px;--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-form-field-enabled-select-arrow-color: #49454e;--mat-form-field-error-focus-trailing-icon-color: #ba1a1a;--mat-form-field-error-hover-trailing-icon-color: #93000a;--mat-form-field-error-text-color: #ba1a1a;--mat-form-field-error-trailing-icon-color: #ba1a1a;--mat-form-field-filled-active-indicator-color: #49454e;--mat-form-field-filled-caret-color: #7d00fa;--mat-form-field-filled-container-color: #e8e0eb;--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-form-field-filled-disabled-container-color: color-mix(in srgb, #1d1b1e 4%, transparent);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-form-field-filled-error-active-indicator-color: #ba1a1a;--mat-form-field-filled-error-caret-color: #ba1a1a;--mat-form-field-filled-error-focus-active-indicator-color: #ba1a1a;--mat-form-field-filled-error-focus-label-text-color: #ba1a1a;--mat-form-field-filled-error-hover-active-indicator-color: #93000a;--mat-form-field-filled-error-hover-label-text-color: #93000a;--mat-form-field-filled-error-label-text-color: #ba1a1a;--mat-form-field-filled-focus-active-indicator-color: #7d00fa;--mat-form-field-filled-focus-label-text-color: #7d00fa;--mat-form-field-filled-hover-active-indicator-color: #1d1b1e;--mat-form-field-filled-hover-label-text-color: #49454e;--mat-form-field-filled-input-text-color: #1d1b1e;--mat-form-field-filled-input-text-placeholder-color: #49454e;--mat-form-field-filled-label-text-color: #49454e;--mat-form-field-focus-select-arrow-color: #7d00fa;--mat-form-field-focus-state-layer-opacity: 0;--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-leading-icon-color: #49454e;--mat-form-field-outlined-caret-color: #7d00fa;--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #1d1b1e 12%, transparent);--mat-form-field-outlined-error-caret-color: #ba1a1a;--mat-form-field-outlined-error-focus-label-text-color: #ba1a1a;--mat-form-field-outlined-error-focus-outline-color: #ba1a1a;--mat-form-field-outlined-error-hover-label-text-color: #93000a;--mat-form-field-outlined-error-hover-outline-color: #93000a;--mat-form-field-outlined-error-label-text-color: #ba1a1a;--mat-form-field-outlined-error-outline-color: #ba1a1a;--mat-form-field-outlined-focus-label-text-color: #7d00fa;--mat-form-field-outlined-focus-outline-color: #7d00fa;--mat-form-field-outlined-hover-label-text-color: #1d1b1e;--mat-form-field-outlined-hover-outline-color: #1d1b1e;--mat-form-field-outlined-input-text-color: #1d1b1e;--mat-form-field-outlined-input-text-placeholder-color: #49454e;--mat-form-field-outlined-label-text-color: #49454e;--mat-form-field-outlined-outline-color: #7b757f;--mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-form-field-select-option-text-color: #1d1b1e;--mat-form-field-state-layer-color: #1d1b1e;--mat-form-field-trailing-icon-color: #49454e;--mat-form-field-container-height: 56px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 16px;--mat-form-field-filled-with-label-container-padding-top: 24px;--mat-form-field-filled-with-label-container-padding-bottom: 8px;--mat-form-field-container-text-font: Roboto, sans-serif;--mat-form-field-container-text-line-height: 1.5rem;--mat-form-field-container-text-size: 1rem;--mat-form-field-container-text-tracking: .031rem;--mat-form-field-container-text-weight: 400;--mat-form-field-subscript-text-font: Roboto, sans-serif;--mat-form-field-subscript-text-line-height: 1rem;--mat-form-field-subscript-text-size: .75rem;--mat-form-field-subscript-text-tracking: .025rem;--mat-form-field-subscript-text-weight: 400;--mat-form-field-outlined-label-text-font: Roboto, sans-serif;--mat-form-field-outlined-label-text-size: 1rem;--mat-form-field-outlined-label-text-tracking: .031rem;--mat-form-field-outlined-label-text-weight: 400;--mat-form-field-filled-label-text-font: Roboto, sans-serif;--mat-form-field-filled-label-text-size: 1rem;--mat-form-field-filled-label-text-tracking: .031rem;--mat-form-field-filled-label-text-weight: 400}.theme-dark{--mat-dialog-actions-alignment: flex-end;--mat-dialog-actions-padding: 16px 24px;--mat-dialog-container-elevation-shadow: none;--mat-dialog-container-max-width: 560px;--mat-dialog-container-min-width: 280px;--mat-dialog-container-shape: 28px;--mat-dialog-container-small-max-width: calc(100vw - 32px) ;--mat-dialog-content-padding: 20px 24px;--mat-dialog-headline-padding: 6px 24px 13px;--mat-dialog-with-actions-content-padding: 20px 24px 0;--mat-dialog-container-color: #151316;--mat-dialog-subhead-color: #e6e1e6;--mat-dialog-supporting-text-color: #e8e0eb;--mat-dialog-subhead-font: Roboto, sans-serif;--mat-dialog-subhead-line-height: 2rem;--mat-dialog-subhead-size: 1.5rem;--mat-dialog-subhead-tracking: 0;--mat-dialog-subhead-weight: 400;--mat-dialog-supporting-text-font: Roboto, sans-serif;--mat-dialog-supporting-text-line-height: 1.25rem;--mat-dialog-supporting-text-size: .875rem;--mat-dialog-supporting-text-tracking: .016rem;--mat-dialog-supporting-text-weight: 400;--mat-snack-bar-container-shape: 4px;--mat-snack-bar-button-color: #7d00fa;--mat-snack-bar-container-color: #e6e1e6;--mat-snack-bar-supporting-text-color: #323033;--mat-snack-bar-supporting-text-font: Roboto, sans-serif;--mat-snack-bar-supporting-text-line-height: 1.25rem;--mat-snack-bar-supporting-text-size: .875rem;--mat-snack-bar-supporting-text-weight: 400;--mat-button-filled-container-shape: 9999px;--mat-button-filled-horizontal-padding: 24px;--mat-button-filled-icon-offset: -8px;--mat-button-filled-icon-spacing: 8px;--mat-button-filled-touch-target-size: 48px;--mat-button-outlined-container-shape: 9999px;--mat-button-outlined-horizontal-padding: 24px;--mat-button-outlined-icon-offset: -8px;--mat-button-outlined-icon-spacing: 8px;--mat-button-outlined-outline-width: 1px;--mat-button-outlined-touch-target-size: 48px;--mat-button-protected-container-shape: 9999px;--mat-button-protected-horizontal-padding: 24px;--mat-button-protected-icon-offset: -8px;--mat-button-protected-icon-spacing: 8px;--mat-button-protected-touch-target-size: 48px;--mat-button-text-container-shape: 9999px;--mat-button-text-horizontal-padding: 12px;--mat-button-text-icon-offset: -4px;--mat-button-text-icon-spacing: 8px;--mat-button-text-with-icon-horizontal-padding: 16px;--mat-button-text-touch-target-size: 48px;--mat-button-tonal-container-shape: 9999px;--mat-button-tonal-horizontal-padding: 24px;--mat-button-tonal-icon-offset: -8px;--mat-button-tonal-icon-spacing: 8px;--mat-button-tonal-touch-target-size: 48px;--mat-button-filled-container-color: #d5baff;--mat-button-filled-disabled-container-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-button-filled-disabled-label-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-button-filled-disabled-state-layer-color: #e8e0eb;--mat-button-filled-focus-state-layer-opacity: .12;--mat-button-filled-hover-state-layer-opacity: .08;--mat-button-filled-label-text-color: #42008a;--mat-button-filled-pressed-state-layer-opacity: .12;--mat-button-filled-ripple-color: color-mix(in srgb, #42008a 12%, transparent);--mat-button-filled-state-layer-color: #42008a;--mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-button-outlined-disabled-outline-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-button-outlined-disabled-state-layer-color: #e8e0eb;--mat-button-outlined-focus-state-layer-opacity: .12;--mat-button-outlined-hover-state-layer-opacity: .08;--mat-button-outlined-label-text-color: #d5baff;--mat-button-outlined-outline-color: #958e99;--mat-button-outlined-pressed-state-layer-opacity: .12;--mat-button-outlined-ripple-color: color-mix(in srgb, #d5baff 12%, transparent);--mat-button-outlined-state-layer-color: #d5baff;--mat-button-protected-container-color: #151316;--mat-button-protected-container-elevation-shadow: 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-button-protected-disabled-container-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-button-protected-disabled-container-elevation-shadow: 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-button-protected-disabled-label-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-button-protected-disabled-state-layer-color: #e8e0eb;--mat-button-protected-focus-container-elevation-shadow: 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-button-protected-focus-state-layer-opacity: .12;--mat-button-protected-hover-container-elevation-shadow: 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-button-protected-hover-state-layer-opacity: .08;--mat-button-protected-label-text-color: #d5baff;--mat-button-protected-pressed-container-elevation-shadow: 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-button-protected-pressed-state-layer-opacity: .12;--mat-button-protected-ripple-color: color-mix(in srgb, #d5baff 12%, transparent);--mat-button-protected-state-layer-color: #d5baff;--mat-button-text-disabled-label-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-button-text-disabled-state-layer-color: #e8e0eb;--mat-button-text-focus-state-layer-opacity: .12;--mat-button-text-hover-state-layer-opacity: .08;--mat-button-text-label-text-color: #d5baff;--mat-button-text-pressed-state-layer-opacity: .12;--mat-button-text-ripple-color: color-mix(in srgb, #d5baff 12%, transparent);--mat-button-text-state-layer-color: #d5baff;--mat-button-tonal-container-color: #4b4357;--mat-button-tonal-disabled-container-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-button-tonal-disabled-state-layer-color: #e8e0eb;--mat-button-tonal-focus-state-layer-opacity: .12;--mat-button-tonal-hover-state-layer-opacity: .08;--mat-button-tonal-label-text-color: #eadef7;--mat-button-tonal-pressed-state-layer-opacity: .12;--mat-button-tonal-ripple-color: color-mix(in srgb, #eadef7 12%, transparent);--mat-button-tonal-state-layer-color: #eadef7;--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 40px;--mat-button-outlined-container-height: 40px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 40px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 40px;--mat-button-tonal-container-height: 40px;--mat-button-tonal-touch-target-display: block;--mat-button-filled-label-text-font: Roboto, sans-serif;--mat-button-filled-label-text-size: .875rem;--mat-button-filled-label-text-tracking: .006rem;--mat-button-filled-label-text-weight: 500;--mat-button-outlined-label-text-font: Roboto, sans-serif;--mat-button-outlined-label-text-size: .875rem;--mat-button-outlined-label-text-tracking: .006rem;--mat-button-outlined-label-text-weight: 500;--mat-button-protected-label-text-font: Roboto, sans-serif;--mat-button-protected-label-text-size: .875rem;--mat-button-protected-label-text-tracking: .006rem;--mat-button-protected-label-text-weight: 500;--mat-button-text-label-text-font: Roboto, sans-serif;--mat-button-text-label-text-size: .875rem;--mat-button-text-label-text-tracking: .006rem;--mat-button-text-label-text-weight: 500;--mat-button-tonal-label-text-font: Roboto, sans-serif;--mat-button-tonal-label-text-size: .875rem;--mat-button-tonal-label-text-tracking: .006rem;--mat-button-tonal-label-text-weight: 500;--mat-form-field-filled-active-indicator-height: 1px;--mat-form-field-filled-focus-active-indicator-height: 2px;--mat-form-field-filled-container-shape: 4px;--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px;--mat-form-field-outlined-container-shape: 4px;--mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-enabled-select-arrow-color: #e8e0eb;--mat-form-field-error-focus-trailing-icon-color: #ffb4ab;--mat-form-field-error-hover-trailing-icon-color: #ffdad6;--mat-form-field-error-text-color: #ffb4ab;--mat-form-field-error-trailing-icon-color: #ffb4ab;--mat-form-field-filled-active-indicator-color: #e8e0eb;--mat-form-field-filled-caret-color: #d5baff;--mat-form-field-filled-container-color: #49454e;--mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-filled-disabled-container-color: color-mix(in srgb, #e6e1e6 4%, transparent);--mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-filled-error-active-indicator-color: #ffb4ab;--mat-form-field-filled-error-caret-color: #ffb4ab;--mat-form-field-filled-error-focus-active-indicator-color: #ffb4ab;--mat-form-field-filled-error-focus-label-text-color: #ffb4ab;--mat-form-field-filled-error-hover-active-indicator-color: #ffdad6;--mat-form-field-filled-error-hover-label-text-color: #ffdad6;--mat-form-field-filled-error-label-text-color: #ffb4ab;--mat-form-field-filled-focus-active-indicator-color: #d5baff;--mat-form-field-filled-focus-label-text-color: #d5baff;--mat-form-field-filled-hover-active-indicator-color: #e6e1e6;--mat-form-field-filled-hover-label-text-color: #e8e0eb;--mat-form-field-filled-input-text-color: #e6e1e6;--mat-form-field-filled-input-text-placeholder-color: #e8e0eb;--mat-form-field-filled-label-text-color: #e8e0eb;--mat-form-field-focus-select-arrow-color: #d5baff;--mat-form-field-focus-state-layer-opacity: 0;--mat-form-field-hover-state-layer-opacity: .08;--mat-form-field-leading-icon-color: #e8e0eb;--mat-form-field-outlined-caret-color: #d5baff;--mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #e6e1e6 38%, transparent);--mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #e6e1e6 12%, transparent);--mat-form-field-outlined-error-caret-color: #ffb4ab;--mat-form-field-outlined-error-focus-label-text-color: #ffb4ab;--mat-form-field-outlined-error-focus-outline-color: #ffb4ab;--mat-form-field-outlined-error-hover-label-text-color: #ffdad6;--mat-form-field-outlined-error-hover-outline-color: #ffdad6;--mat-form-field-outlined-error-label-text-color: #ffb4ab;--mat-form-field-outlined-error-outline-color: #ffb4ab;--mat-form-field-outlined-focus-label-text-color: #d5baff;--mat-form-field-outlined-focus-outline-color: #d5baff;--mat-form-field-outlined-hover-label-text-color: #e6e1e6;--mat-form-field-outlined-hover-outline-color: #e6e1e6;--mat-form-field-outlined-input-text-color: #e6e1e6;--mat-form-field-outlined-input-text-placeholder-color: #e8e0eb;--mat-form-field-outlined-label-text-color: #e8e0eb;--mat-form-field-outlined-outline-color: #958e99;--mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #1d1b1e 38%, transparent);--mat-form-field-select-option-text-color: #1d1b1e;--mat-form-field-state-layer-color: #e6e1e6;--mat-form-field-trailing-icon-color: #e8e0eb;--mat-form-field-container-height: 56px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 16px;--mat-form-field-filled-with-label-container-padding-top: 24px;--mat-form-field-filled-with-label-container-padding-bottom: 8px;--mat-form-field-container-text-font: Roboto, sans-serif;--mat-form-field-container-text-line-height: 1.5rem;--mat-form-field-container-text-size: 1rem;--mat-form-field-container-text-tracking: .031rem;--mat-form-field-container-text-weight: 400;--mat-form-field-subscript-text-font: Roboto, sans-serif;--mat-form-field-subscript-text-line-height: 1rem;--mat-form-field-subscript-text-size: .75rem;--mat-form-field-subscript-text-tracking: .025rem;--mat-form-field-subscript-text-weight: 400;--mat-form-field-outlined-label-text-font: Roboto, sans-serif;--mat-form-field-outlined-label-text-size: 1rem;--mat-form-field-outlined-label-text-tracking: .031rem;--mat-form-field-outlined-label-text-weight: 400;--mat-form-field-filled-label-text-font: Roboto, sans-serif;--mat-form-field-filled-label-text-size: 1rem;--mat-form-field-filled-label-text-tracking: .031rem;--mat-form-field-filled-label-text-weight: 400}.flex-column-full{display:flex;flex-direction:column;height:100%;min-height:0}.flex-column{display:flex;flex-direction:column}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-on-surface) 35%,transparent) transparent}.scrollbar-thin::-webkit-scrollbar{width:.5rem}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-on-surface) 35%,transparent);border-radius:var(--radius-md)}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-on-surface) 50%,transparent)}.danger-icon{color:var(--color-error)}body{font-family:Open Sans,sans-serif;margin:0}*,*:before,*:after{-webkit-tap-highlight-color:transparent}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-on-surface) 25%,transparent) transparent}*::-webkit-scrollbar{width:var(--space-xs);height:var(--space-xs)}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-on-surface) 25%,transparent);border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-on-surface) 40%,transparent)}.comment-item,.comment-item__content,.comment-item__author-name{color:var(--color-on-surface)}.error-snackbar{--mdc-snackbar-container-color: var(--color-error);--mdc-snackbar-supporting-text-color: var(--color-on-error);--mat-snack-bar-button-color: var(--color-on-error);--mdc-snackbar-action-color: var(--color-on-error)}.error-snackbar .mat-mdc-snack-bar-action{color:var(--color-on-error);font-weight:var(--font-weight-semibold)}.info-snackbar{--mdc-snackbar-container-color: var(--color-surface-variant);--mdc-snackbar-supporting-text-color: var(--color-on-surface)}.success-snackbar{--mdc-snackbar-container-color: var(--color-success);--mdc-snackbar-supporting-text-color: var(--color-on-success);--mat-snack-bar-button-color: var(--color-on-success);--mdc-snackbar-action-color: var(--color-on-success)}.success-snackbar .mat-mdc-snack-bar-action{color:var(--color-on-success);font-weight:var(--font-weight-semibold)}.post-creation-snackbar-panel{--mdc-snackbar-container-color: var(--color-surface-variant);--mdc-snackbar-supporting-text-color: var(--color-on-surface-variant);--snackbar-icon-color: var(--color-on-surface-variant)}.undo-snackbar-panel{--mdc-snackbar-container-color: color-mix(in srgb, var(--color-primary) 12%, var(--color-surface));--mdc-snackbar-supporting-text-color: var(--color-on-surface);--mat-snack-bar-button-color: var(--color-primary);--mdc-snackbar-action-color: var(--color-primary)}.undo-snackbar-panel .mat-mdc-snack-bar-action{color:var(--color-primary);font-weight:var(--font-weight-semibold)}mark.instruction-search-match{background:color-mix(in srgb,var(--color-primary) 25%,transparent);color:inherit;border-radius:var(--radius-sm);padding:0 var(--space-xs)}mark.instruction-search-match--current{background:var(--color-primary);color:var(--color-on-primary, var(--color-surface))}