@layer base,libraries,components,layouts,utilities;@layer base{:root{--color-white: oklch(100% 0 0);--color-neutral: oklch(60% .04 276);--color-accent: oklch(55% .23 276);--color-success: oklch(69% .12 195);--color-danger: oklch(60% .18 10);--color-warning: oklch(69% .15 33);--color-link: oklch(60% .18 256);--color-highlight: oklch(79% .3 90);--50: 98% calc(c/16) h;--100: 95% calc(c/8) h;--200: 93% calc(c/4) h;--300: 85% calc(c / 1.5) h;--400: 75% c h;--500: 55% c h;--600: 50% c h;--700: 35% calc(c / 1.5) h;--800: 25% calc(c/2) h;--900: 21% calc(c/2) h;--950: 19% calc(c/2) h;--color-text: light-dark(oklch(from var(--color-neutral) var(--900)), oklch(from var(--color-neutral) var(--50)));--color-text-muted: light-dark( oklch(from var(--color-neutral) var(--600)), oklch(from var(--color-neutral) var(--400)) );--color-text-subtle: light-dark( oklch(from var(--color-neutral) var(--400)), oklch(from var(--color-neutral) var(--600)) );--color-text-accent: light-dark( oklch(from var(--color-accent) var(--600)), oklch(from var(--color-accent) var(--400)) );--color-text-danger: light-dark( oklch(from var(--color-danger) var(--600)), oklch(from var(--color-danger) var(--400)) );--color-text-success: light-dark( oklch(from var(--color-success) var(--600)), oklch(from var(--color-success) var(--400)) );--color-text-warning: light-dark( oklch(from var(--color-warning) var(--600)), oklch(from var(--color-warning) var(--400)) );--color-text-link: light-dark(oklch(from var(--color-link) var(--600)), oklch(from var(--color-link) var(--400)));--color-text-link-hover: light-dark( oklch(from var(--color-link) var(--700)), oklch(from var(--color-link) var(--300)) );--color-canvas-opacity: 100%;--color-canvas: light-dark( oklch(from var(--color-neutral) var(--50) / var(--color-canvas-opacity)), oklch(from var(--color-neutral) var(--950) / var(--color-canvas-opacity)) );--color-bg: light-dark(var(--color-white), oklch(from var(--color-neutral) var(--900)));--color-bg-card: light-dark(var(--color-bg), oklch(from var(--color-neutral) var(--900) / 10%));--color-bg-muted: color-mix(in srgb, var(--color-neutral) 5%, transparent);--color-bg-accent: light-dark(var(--color-accent), oklch(from var(--color-accent) var(--400)));--color-bg-accent-tint: color-mix(in srgb, var(--color-accent) 10%, transparent);--color-bg-success: light-dark(var(--color-success), oklch(from var(--color-success) var(--400)));--color-bg-success-tint: color-mix(in srgb, var(--color-success) 10%, transparent);--color-bg-danger: light-dark(var(--color-danger), oklch(from var(--color-danger) var(--400)));--color-bg-danger-tint: color-mix(in srgb, var(--color-danger) 10%, transparent);--color-bg-warning: light-dark(var(--color-warning), oklch(from var(--color-warning) var(--400)));--color-bg-warning-tint: color-mix(in srgb, var(--color-warning) 10%, transparent);--color-border: light-dark( oklch(from var(--color-neutral) var(--200)), oklch(from var(--color-neutral) var(--700) / 50%) );--color-border-muted: light-dark( oklch(from var(--color-neutral) var(--200)), oklch(from var(--color-neutral) var(--800)) );--color-border-subtle: light-dark( oklch(from var(--color-neutral) var(--100)), oklch(from var(--color-neutral) var(--800) / 75%) );--color-border-hover: light-dark( oklch(from var(--color-neutral) var(--300)), oklch(from var(--color-neutral) var(--700)) );--border-width-default: 1px;--border-width-md: 2px;--border-width-lg: 4px;--border-radius-full: calc(infinity * 1px);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-3xl: 1.5rem;--px-page: calc(var(--spacing)*3);@media(min-width:768px){--px-page: calc(var(--spacing)*8)}@media(min-width:1536px){--px-page: calc(var(--spacing)*12)}--traffic-light-inset-top: 0;&[data-platform=desktop-app][data-os=mac]{--color-canvas-opacity: 50%;--traffic-light-inset-top: calc(var(--spacing)*10)}--font-sans: 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;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-wide: .025em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--spacing: .25rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--shadow-xs: 0 1px 2px 0 #0000000d;--shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl: 0 25px 50px -12px #00000040;--drop-shadow-md: 0 3px 3px #0000001f;--blur-md: 12px;--blur-xl: 24px;--transition-colors: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke;--transition-duration: .15s;--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;--animate-bounce: bounce 1s infinite;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1)}}@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(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}hr{block-size:0;color:inherit;border-block-start-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(--font-mono);font-feature-settings:normal;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{inset-block-end:-.25em}sup{inset-block-start:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{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-inline-size:100%;block-size: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}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-block-size: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{block-size:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.05s}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}html{overscroll-behavior-inline:none;scrollbar-color:color-mix(in srgb,var(--color-neutral) 20%,transparent) var(--color-bg)}[data-theme=dark]{color-scheme:dark}body{color:var(--color-text);overscroll-behavior:none;line-height:var(--leading-snug);@media(min-width:768px){line-height:var(--leading-normal)}[data-theme=dark] &{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}a,.link{color:var(--color-text-link);@media(hover)and (pointer:fine){&:hover{color:var(--color-text-link-hover)}}}a,button,details>summary,clipboard-copy{inline-size:100%;transition-property:var(--transition-colors);transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-duration);border-radius:var(--radius-sm);outline-color:var(--color-accent);@media(min-width:1024px){&:not(summary){inline-size:auto}}&:focus{outline:none}&:focus-visible{outline:var(--border-width-md) solid var(--color-accent);outline-offset:var(--border-width-md)}}svg{display:inline-block;inline-size:calc(var(--spacing)*5);flex-shrink:0;aspect-ratio:1 / 1;vertical-align:text-top}details summary::-webkit-details-marker{display:none}details>summary{list-style:none}[hidden]{display:none!important}:where([readonly],.read-only,[disabled],.disabled){opacity:.5}:is(ul,ol,blockquote,p,li)>code,pre{hyphens:none;font-size:90%;font-family:var(--font-mono);font-weight:var(--font-weight-normal);border-radius:var(--radius-sm);color:var(--color-text);background-color:var(--color-bg-muted);border:var(--border-width-default) solid color-mix(in srgb,var(--color-neutral) 10%,transparent)}:is(ul,ol,blockquote,p)>code{display:inline;padding-inline:var(--spacing);padding-block:calc(var(--spacing)*.5);margin-inline:var(--spacing);rich-text-area &{margin-inline:0}}pre{display:block;padding:calc(var(--spacing)*2)}local-time,example-local-time{font-variant-numeric:tabular-nums}}@layer libraries{.pagy-nav{display:flex;gap:calc(var(--spacing)*2);height:calc(var(--spacing)*10);:is(.page.prev a,.page.next a,.page.active,.page.disabled){--text: var(--color-text-muted);--bg: transparent;--border: oklch(from var(--color-neutral) var(--200));display:flex;align-items:center;justify-content:center;height:100%;height:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text)!important;background-color:var(--bg);transition-property:var(--transition-colors);transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-duration)}:is(.page.prev,.page.next){border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-sm);&:not(.disabled){box-shadow:var(--shadow-xs)}}:is(.page.prev a,.page.next a){border-radius:var(--radius-sm);@media(hover)and (pointer:fine){&:hover{--text: var(--color-text);--bg: color-mix(in srgb, var(--color-neutral) 5%, transparent)}}}:is(.page.prev.disabled,.page.next.disabled){height:100%;opacity:.5;@media(hover)and (pointer:fine){&:hover{pointer-events:none}}}}}@layer libraries{.highcharts-root{--color-axis: var(--color-border-muted);display:block;inline-size:100%;& text{stroke-width:0}}.highcharts-anchor{cursor:pointer}.highcharts-background,.highcharts-plot-border,.highcharts-plot-background,.highcharts-label-box{fill:transparent}.highcharts-button-box{fill:inherit}.highcharts-selection-marker{fill:light-dark(oklch(from var(--color-link) var(--500)),oklch(from var(--color-link) var(--400)));fill-opacity:.25}.highcharts-graph{stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:transparent;.highcharts-state-hover &{stroke-width:5}}.highcharts-empty-series{fill:transparent;stroke:var(--color-axis);stroke-width:1px}.highcharts-point-inactive,.highcharts-series-inactive{opacity:.2;transition:opacity 50ms}.highcharts-state-hover path{transition:stroke-width 50ms}.highcharts-state-normal path{transition:stroke-width .25s}.highcharts-halo{fill-opacity:.25;stroke-width:0;fill:inherit!important;stroke:inherit!important}.highcharts-focus-border{stroke-width:2px;fill:transparent}.highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover,.highcharts-a11y-marker-visible),.highcharts-a11y-marker-hidden{opacity:0}.highcharts-lollipop-stem{stroke:var(--color-text)}.highcharts-markers,.highcharts-point{fill:light-dark(oklch(from var(--chart-color) var(--500)),oklch(from var(--chart-color) 75% calc(c / 1.5) h))!important}.highcharts-point{stroke-width:0;stroke:var(--chart-color)}.highcharts-tracker-line{stroke-linejoin:round;stroke:#c0c0c000;stroke-width:22;fill:transparent}.highcharts-tracker-area{fill:#c0c0c000;stroke-width:0}#highcharts-gradient-color-0,#highcharts-gradient-color-2,#highcharts-gradient-color-5{--color-stop: color-mix(in srgb, var(--color-success) 20%, transparent);stop{stop-color:var(--color-stop)}stop[offset="1"]{stop-opacity:0}}#highcharts-gradient-color-2{--color-stop: color-mix(in srgb, var(--color-accent) 20%, transparent)}#highcharts-gradient-color-5{--color-stop: color-mix(in srgb, var(--color-danger) 20%, transparent)}.highcharts-color-0,.highcharts-color-1,.highcharts-color-2,.highcharts-color-3,.highcharts-color-4,.highcharts-color-5,.highcharts-color-6,.highcharts-color-7,.highcharts-color-8,.highcharts-color-9{--chart-color: var(--color-bg-success);stroke:light-dark(oklch(from var(--chart-color) var(--500)),oklch(from var(--chart-color) 75% calc(c / 1.5) h));fill:color-mix(in srgb,var(--chart-color) 10%,transparent);.highcharts-area{stroke:transparent;fill:color-mix(in srgb,var(--chart-color) 10%,transparent)}}:where(.highcharts-gradient){.highcharts-color-0 .highcharts-area{fill:url(#highcharts-gradient-color-0)!important}.highcharts-color-2 .highcharts-area{fill:url(#highcharts-gradient-color-2)!important}.highcharts-color-5 .highcharts-area{fill:url(#highcharts-gradient-color-5)!important}}.highcharts-color-1{--chart-color: oklch(from var(--color-accent) l c calc(h - 30) )}.highcharts-color-2{--chart-color: var(--color-bg-accent)}.highcharts-color-3{--chart-color: oklch(from var(--color-accent) l c calc(h + 30) )}.highcharts-color-4{--chart-color: oklch(from var(--color-accent) l c calc(h + 60) )}.highcharts-color-5{--chart-color: oklch(from var(--color-accent) l c calc(h + 90) )}.highcharts-color-6{--chart-color: oklch(from var(--color-accent) l c calc(h + 120) )}.highcharts-color-7{--chart-color: oklch(from var(--color-accent) l c calc(h + 150) )}.highcharts-color-8{--chart-color: oklch(from var(--color-accent) l c calc(h + 180) )}.highcharts-color-9{--chart-color: oklch(from var(--color-accent) l c calc(h + 210) )}.highcharts-strong{font-weight:var(--font-weight-bold)}.highcharts-emphasized{font-style:italic}.highcharts-title{font-size:var(--text-xl);color:var(--color-text)}.highcharts-subtitle{font-size:var(--text-base);color:var(--color-text-muted)}.highcharts-no-data text{font-size:var(--text-base);font-weight:var(--font-weight-normal);fill:var(--color-text-muted)}.highcharts-axis-line{fill:transparent;stroke:var(--color-axis);.highcharts-yaxis &{stroke-width:0}}.highcharts-axis-labels{font-size:var(--text-sm);cursor:default;fill:var(--color-neutral)}.highcharts-grid-line{fill:transparent;stroke:var(--color-axis);.highcharts-xaxis-grid &{stroke-width:0}}.highcharts-tick{stroke:var(--color-axis);.highcharts-yaxis &{stroke-width:0}}.highcharts-minor-grid-line{stroke:var(--color-axis)}.highcharts-crosshair-thin{stroke-width:1px;stroke:var(--color-axis)}.highcharts-crosshair-category{stroke-opacity:.25;stroke:var(--color-axis)}.highcharts-tooltip{--color-text: var(--color-white);--color-bg: oklch(from var(--color-neutral) var(--800));--color-border: oklch(from var(--color-neutral) var(--700));transition:stroke .15s;cursor:default;pointer-events:none;white-space:nowrap;& text{font-size:var(--text-sm);fill:var(--color-text)}.highcharts-header{font-size:var(--text-sm)}}.highcharts-tooltip-box{fill:var(--color-bg)!important;stroke:var(--color-border);stroke-width:1;fill-opacity:1;.highcharts-label-box{fill-opacity:.85}}.highcharts-data-label{font-size:var(--text-sm);font-weight:var(--font-weight-bold)}.highcharts-data-label-box{stroke-width:0;fill:transparent}.highcharts-data-label text,text.highcharts-data-label{fill:var(--color-neutral)!important}.highcharts-data-label-connector{fill:transparent}.highcharts-data-label-hidden{pointer-events:none}.highcharts-legend-box{stroke-width:0;fill:transparent}.highcharts-legend-item>text{stroke-width:0;font-size:var(--text-sm);font-weight:var(--font-weight-normal);cursor:pointer;fill:var(--color-text-muted)}.highcharts-legend-item:hover text{fill:var(--color-text)}.highcharts-legend-item-hidden *{transition:fill .25s;opacity:.5}.highcharts-legend-navigation{font-size:var(--text-sm);fill:var(--color-text)}.highcharts-legend-nav-active{cursor:pointer;fill:var(--color-bg-accent)}.highcharts-legend-nav-inactive{fill:var(--color-text-subtle)}circle.highcharts-legend-nav-active,circle.highcharts-legend-nav-inactive{fill:transparent!important}.highcharts-legend-title-box{fill:none;stroke-width:0}.highcharts-a11y-proxy-button{opacity:.001;z-index:999;position:absolute;display:block;padding:0;margin:0;overflow:hidden;background:transparent;border:0;outline:none;cursor:pointer}.highcharts-a11y-proxy-group li{list-style-type:none}.highcharts-visually-hidden{clip:rect(1px,1px,1px,1px);margin-top:-3px;opacity:.01;position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap}.highcharts-a11y-invisible{visibility:hidden}.highcharts-a11y-proxy-container,.highcharts-a11y-proxy-container-before,.highcharts-a11y-proxy-container-after{position:absolute;white-space:nowrap}g.highcharts-series,.highcharts-markers,.highcharts-point{outline:none}}@layer components{.alert{--alert-color: var(--color-text-accent);padding:calc(var(--spacing)*2);margin-block:0;color:var(--alert-color);background-color:color-mix(in srgb,var(--alert-color) 5%,transparent);border:var(--border-width-default) solid color-mix(in srgb,var(--alert-color) 15%,transparent);border-radius:var(--radius-sm);display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing);align-items:start;.sidepane__primary-content &,.sidenav_message &{margin-block:0 calc(var(--spacing)*6)}.sidepane__primary-content.--bleed &{margin-block:calc(var(--spacing)*6) 0}>svg,>button{position:relative;inset-block-start:calc(var(--spacing)*.5)}&.--danger{--alert-color: var(--color-text-danger)}&.--success{--alert-color: var(--color-text-success)}&.--warning{--alert-color: var(--color-text-warning)}}.alert__content{grid-column:2;max-inline-size:var(--container-6xl);text-wrap:pretty;& a{color:inherit;text-decoration:underline}}.alert__title{margin-block-end:calc(var(--spacing)*2);font-weight:var(--font-weight-semibold)}}@layer components{.action-item{display:flex;align-items:flex-start;gap:calc(var(--spacing)*2);transition:opacity .15s ease-in-out;font-size:var(--text-sm);&[data-loading]{opacity:.3}}.action-item__link{display:flex;align-items:flex-start;gap:var(--spacing);flex-grow:1;&:not(:hover){color:inherit}}.action-item__icon{color:var(--color-text-accent);&.--completed{color:var(--color-text-subtle)}}.action-item__overflow{margin-block:calc(var(--spacing)*-1.5);transition:opacity .15s ease-in-out;@media(min-width:768px){opacity:0}[data-loading] &{display:none}&:focus-within{opacity:1}@media(hover)and (pointer:fine){.action-item:hover &{opacity:1}&:hover{opacity:1}}}}@layer components{.api-key{>[type=checkbox]{display:none}>:checked~.hidden{display:block!important}>:checked~label{display:none}}}@layer components{.avatar{--avatar-size: calc(var(--spacing)*6);--avatar-radius: 100%;inline-size:var(--avatar-size);block-size:auto;border-radius:var(--avatar-radius);position:relative;outline:var(--border-width-default) solid var(--color-bg);aspect-ratio:1 / 1;>img{inline-size:100%;block-size:100%}&.--xsmall{--avatar-size: calc(var(--spacing)*5)}&.--small{--avatar-size: calc(var(--spacing)*6)}&.--medium{--avatar-size: calc(var(--spacing)*12)}&.--large{--avatar-size: calc(var(--spacing)*16)}&.--variable{--avatar-size: auto}&.--squared{--avatar-size: calc(var(--spacing)*5);--avatar-radius: var(--radius-sm);&:focus-visible{outline-offset:var(--border-width-lg)}& img{inline-size:var(--avatar-size);block-size:var(--avatar-size);max-inline-size:100%;border-radius:var(--radius-sm)}}&.--image{overflow:hidden;flex-shrink:0;background-size:cover;background-position:center}&.--rounded{--avatar-radius: var(--radius-sm)}.popover{inline-size:max-content;text-align:start;font-weight:400}.avatar-group &{display:block}multi-select &{--avatar-size: calc(var(--spacing)*5);display:inline}}.avatar-empty{color:var(--color-text-muted);font-size:var(--text-sm)}.avatar-group{display:flex;align-items:center;gap:0;position:relative;@media(min-width:640px){gap:calc(var(--spacing)*2.5)}&.--packed{gap:0;margin-inline-start:-.125rem}.popover{inset-inline-end:calc(var(--spacing)*-2)}&.--pop-left .popover{inset-inline-end:inherit;inset-inline-start:calc(var(--spacing)*-2)}}.avatar-list{display:flex;flex-wrap:wrap;gap:calc(var(--spacing)*3);& li{display:inline-flex;max-inline-size:100%;>a{display:flex;align-items:center;gap:calc(var(--spacing)*1.5);font-size:var(--text-sm);min-inline-size:0;&:not(:hover){color:currentcolor}>:first-child{inline-size:calc(var(--spacing)*5);block-size:calc(var(--spacing)*5);flex-shrink:0}>.badge{flex-shrink:0}}}}.avatar-overflow{--avatar-size: calc(var(--spacing)*6);--avatar-radius: 100%;display:flex;align-items:center;justify-content:center;block-size:var(--avatar-size);cursor:default;position:relative;margin-inline-start:-.125rem;padding-inline:calc(var(--spacing)*1.5);font-size:var(--text-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted);border-radius:var(--avatar-radius);background-color:var(--color-border-muted);outline:var(--border-width-default) solid var(--color-bg);&.--squared{--avatar-size: calc(calc(var(--spacing)*5) + var(--border-width-default) * 2);--avatar-radius: var(--radius-md)}}}@layer components{.badge{--badge-color: var(--color-text-link);display:inline-flex;align-items:center;flex-shrink:0;padding-block:var(--border-width-default);padding-inline:calc(var(--spacing)*2);border-radius:var(--border-radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-normal);color:light-dark(oklch(from var(--badge-color) var(--600)),oklch(from var(--badge-color) var(--300)));background-color:oklch(from var(--badge-color) var(--400) / 15%);line-height:var(--leading-normal);&.--mood{--badge-color: var(--color-accent)}&.--success{--badge-color: var(--color-success)}&.--danger{--badge-color: var(--color-danger)}&.--warning{--badge-color: var(--color-warning)}&.--dark{color:light-dark(var(--color-white),oklch(from var(--color-neutral) var(--900)));background-color:light-dark(oklch(from var(--color-neutral) var(--900)),oklch(from var(--color-neutral) var(--100) / 70%))}&.--gray{color:light-dark(var(--color-white),oklch(from var(--color-neutral) var(--50)));background-color:light-dark(oklch(from var(--color-neutral) var(--400)),oklch(from var(--color-neutral) var(--600) / 50%))}}}@layer components{.bar-graph{--bar-text-color: var(--color-text-accent);--bar-bg-color: var(--color-bg-accent-tint);--bar-fill-color: var(--color-bg-accent);&.--success{--bar-text-color: var(--color-text-success);--bar-bg-color: var(--color-bg-success-tint);--bar-fill-color: var(--color-bg-success)}&.--danger{--bar-text-color: var(--color-text-danger);--bar-bg-color: var(--color-bg-danger-tint);--bar-fill-color: var(--color-bg-danger)}}.bar-graph__header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing)*1)}.bar-graph__title{display:flex;align-items:center;gap:calc(var(--spacing)*1);font-size:var(--text-sm)}.bar-graph__icon{inline-size:calc(var(--spacing)*4);color:var(--bar-text-color)}.bar-graph__metric{font-size:var(--text-sm)}.bar-graph__container{display:flex;block-size:calc(var(--spacing)*4);margin-block-start:calc(var(--spacing)*1);padding:calc(var(--spacing)*1);border-radius:var(--border-radius-full);background-color:var(--bar-bg-color)}.bar-graph__fill{inline-size:0;block-size:100%;border-radius:var(--border-radius-full);background-color:var(--bar-fill-color)}}@layer components{.breadcrumb{display:flex;align-items:center;flex:var(--spacing);padding-inline-start:calc(var(--spacing)*.5)}.breadcrumb__list{display:flex;gap:var(--spacing);margin-inline-start:calc(var(--spacing)*-1.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb__item{display:none;align-items:center;gap:var(--spacing);min-inline-size:calc(var(--spacing)*16);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;&:nth-last-child(2){max-inline-size:var(--container-sm)}&:last-child{display:flex}@media(min-width:640px){&:nth-child(2){display:flex}}@media(min-width:768px){display:flex}}.breadcrumb__link{padding-block:calc(var(--spacing)*.5);padding-inline:calc(var(--spacing)*1.5);color:inherit;font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color;transition-duration:var(--transition-duration);transition-timing-function:var(--ease-in-out);&.--icon{display:inline-flex;gap:var(--spacing);align-items:center;justify-content:flex-start}&:focus-visible{outline:none;background-color:var(--color-bg-accent-tint)!important}@media(hover)and (pointer:fine){&:hover{color:inherit;background-color:var(--color-bg-muted)}}}.breadcrumb__icon{inline-size:calc(var(--spacing)*4);color:var(--color-accent);flex-shrink:0}.breadcrumb__separator{cursor:default;opacity:.2}}@layer components{.btn{--btn-color: var(--color-link);color:var(--color-white);background-color:light-dark(oklch(from var(--btn-color) 55% c h),oklch(from var(--btn-color) 55% c h / 75%));display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing);inline-size:100%;block-size:calc(var(--spacing)*10);padding-inline:calc(var(--spacing)*4);border-radius:var(--radius-sm);border:var(--border-width-default) solid oklch(from var(--btn-color) 50% c h);box-shadow:var(--shadow-xs);white-space:nowrap;@media(hover)and (pointer:fine){&:hover{color:var(--color-white);background-color:light-dark(oklch(from var(--btn-color) 50% c h),oklch(from var(--btn-color) 50% c h / 75%))}}&:focus{outline:none}&:focus-visible{outline:var(--border-width-md) solid var(--color-accent);outline-offset:var(--border-width-md)}>*{display:block}&.--mood{--btn-color: var(--color-accent)}&.--success{--btn-color: var(--color-success)}&.--danger{--btn-color: var(--color-danger)}&.--muted{--btn-color: var(--color-neutral)}&.--outline{color:light-dark(oklch(from var(--btn-color) 50% c h),oklch(from var(--btn-color) 80% c h));background-color:transparent;border-color:currentcolor;@media(hover)and (pointer:fine){&:hover{background-color:color-mix(in srgb,var(--btn-color) 5%,transparent)}}&.--muted{color:var(--color-text-muted);border-color:var(--color-border);@media(hover)and (pointer:fine){&:hover{color:var(--color-text)}}}}&.--text-muted{color:var(--color-text-muted);border-color:var(--color-border);background-color:transparent;box-shadow:none;@media(hover)and (pointer:fine){&:hover{color:var(--color-text);border-color:var(--color-border);background-color:color-mix(in srgb,var(--color-neutral) 5%,transparent)}}}&.--plain{border-width:0;box-shadow:none}&.--sm{block-size:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*2);font-size:var(--text-sm);border-radius:var(--radius-sm)}&.--xs{block-size:calc(var(--spacing)*6);padding-inline:calc(var(--spacing)*2);font-size:var(--text-xs);border-radius:var(--radius-sm)}&.--auto{@media(min-width:640px){inline-size:auto}}&:disabled,&.disabled{opacity:.5;pointer-events:none;&:focus{outline:none!important}}}.file-btn{position:relative;color:transparent!important;inline-size:calc(var(--spacing)*28);&::file-selector-button{position:absolute;inset:0;border:none;color:var(--color-white);inline-size:calc(var(--spacing)*28);block-size:auto;background-color:transparent}}.filter-btn{display:inline-flex;>menu-popover{display:flex;position:relative;& summary{@media(hover)and (pointer:fine){&:hover{cursor:pointer}}}}}.filter-btn__controls{display:flex;gap:calc(var(--spacing)*2);inline-size:100%;margin-block-start:var(--spacing)}}@layer components{.calendar{& table{--cal-text-head: var(--color-text-subtle);--cal-bg-head: color-mix(in srgb, var(--color-neutral) 10%, transparent);--cal-border-td: var(--color-border);--cal-border: var(--color-border-muted);--cal-bg: var(--color-bg);inline-size:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);border:var(--border-width-default) solid var(--cal-border);overflow:hidden;display:table}& tbody{background-color:var(--cal-bg)}:is(th,th:first-child,th:last-child){padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*2);font-size:var(--text-sm);font-weight:var(--font-weight-normal);color:var(--cal-text-head);background-color:var(--cal-bg-head);text-align:center}& td{position:relative;padding:var(--spacing);font-size:var(--text-sm);text-align:center;border-color:var(--cal-border-td)}& a{--cal-text: var(--color-text-muted);--cal-bg: transparent;--cal-border: transparent;display:inline-block;position:relative;inline-size:100%;block-size:calc(var(--spacing)*10);font-weight:var(--font-weight-medium);line-height:calc(var(--spacing)*10);color:var(--cal-text);background-color:var(--cal-bg);transition-property:var(--transition-colors);transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-duration);border:var(--border-width-default) solid var(--cal-border);border-radius:var(--radius-sm);@media(hover)and (pointer:fine){&:hover{--cal-text: var(--color-text);--cal-bg: color-mix(in srgb, var(--color-neutral) 10%, transparent)}}}.today{&:after{content:"•";position:absolute;inset-inline:0;inset-block-start:calc(var(--spacing)*2);line-height:0}}.selected{--cal-text: var(--color-text-accent) !important;--cal-bg: var(--color-bg-accent-tint) !important;--cal-border: var(--color-accent) !important}.past,.not-month{opacity:.5;pointer-events:none}.past.selected{--cal-text: var(--color-text-accent)}:is(.not-month.selected,.past.selected){opacity:.5}}.calendar-set{display:grid;gap:calc(var(--spacing)*4);@media(min-width:768px){grid-template-columns:1fr 1fr}}}@layer components{.card{--card-spacing: calc(var(--spacing)*4)}.card__header{padding-block:var(--card-spacing);border-block-end:var(--border-width-default) solid var(--color-border-muted);border-radius:0}.card__body{padding-block:var(--card-spacing);&.--spaced{display:flex;flex-direction:column;gap:calc(var(--spacing)*4)}}.card__footer{padding-block:var(--card-spacing)}.card-heading{font-weight:var(--font-weight-semibold);border-block-end:var(--border-width-default) solid var(--color-border-muted);margin-block-end:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2)}}@layer components{.check-box{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-user-select:none;user-select:none;inline-size:calc(var(--spacing)*4);block-size:calc(var(--spacing)*4);color:var(--color-accent);background-color:var(--color-bg-muted);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-sm);aspect-ratio:1 / 1;&:checked{background-color:var(--color-accent);border-color:var(--color-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'/%3E%3Cpolyline points='40 144 96 200 224 72' fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='24'/%3E%3C/svg%3E");background-size:75% 75%;background-position:49.8% 49%;background-repeat:no-repeat;&:disabled{opacity:.5}&:focus-visible{outline:var(--border-width-default) solid var(--color-accent);outline-offset:0}}&:disabled{color:var(--color-neutral)}&:focus-visible{border-color:var(--color-accent);outline:none}&:indeterminate{position:relative;&:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:calc(var(--spacing)*2);block-size:calc(var(--spacing)*.25);background-color:var(--color-text-subtle);transform:translate(-50%,-50%)}}}.intentions-check-box{display:flex;align-items:center;gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*3);margin-block-start:calc(var(--spacing)*2);border-radius:var(--radius-md);background-color:var(--color-bg-muted);[data-completed=true] &{background-color:var(--color-bg-success-tint)}>input[type=checkbox]{inline-size:calc(var(--spacing)*8);block-size:calc(var(--spacing)*8);transform:scale(1);border-radius:var(--radius-sm);transition:transform 75ms ease-in-out;border:var(--border-width-default) solid var(--color-border);background-color:var(--color-bg-muted);&:active:not(:checked){transform:scale(1.25)}&:checked{color:var(--color-bg-success);border-color:var(--color-bg-success);background-color:var(--color-success)}&:focus-visible{outline:var(--border-width-default) solid var(--color-bg-success);outline-offset:0}}}}@layer components{.circle-progress{--color: currentcolor;--progress: 0%;--border: var(--border-width-md);.--low &{--color: var(--color-bg-danger)}.--medium &{--color: var(--color-bg-warning)}.--high &{--color: var(--color-bg-accent)}.--completed &{--color: var(--color-bg-success)}.--archived &{--color: var(--color-text-subtle)}display:flex;align-items:center;justify-content:center;border-radius:100%;background:conic-gradient(var(--color) var(--progress),transparent 0);mask:radial-gradient(farthest-side,transparent calc(100% - var(--border)),#fff calc(100% - var(--border) + 1px))}}@layer components{clamp-content{--clamp-height: calc(var(--spacing)*80);--clamp-stop: color-mix(in srgb, var(--color-bg) 0%, transparent);display:block;position:relative;&:not(.--disabled)>*{overflow:hidden!important;max-block-size:var(--clamp-height)!important}>.overlay{display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top,var(--color-bg),var(--clamp-stop));pointer-events:none;position:absolute;inset-block-end:0;min-block-size:calc(var(--spacing)*24);inline-size:100%;opacity:0;&.--show{animation:show-clamp-overlay .5s cubic-bezier(.34,1.56,.64,1) forwards}}>.overlay>button{pointer-events:auto;background-color:var(--color-bg)!important;inline-size:auto}}@keyframes show-clamp-overlay{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}}@layer components{.comment-stream{display:flex;flex-direction:column;gap:calc(var(--spacing)*6);margin-block:calc(var(--spacing)*3);:is(.markdown-body,.ProseMirror)>:last-child{margin-block-end:0!important}}.comment{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:start;column-gap:calc(var(--spacing)*2);@media(min-width:640px){column-gap:calc(var(--spacing)*4)}}.comment__avatar{inline-size:calc(var(--spacing)*9);border-radius:100%;flex-shrink:0;@media(min-width:640px){inline-size:calc(var(--spacing)*10)}&.--author:after{content:"";display:block;position:absolute;inset:0;inline-size:calc(var(--spacing)*9);block-size:calc(var(--spacing)*9);border-radius:100%;pointer-events:none;border:var(--border-width-default) solid color-mix(in srgb,var(--color-accent) 80%,transparent);@media(min-width:640px){inline-size:calc(var(--spacing)*10);block-size:calc(var(--spacing)*10)}}}.comment__meta{display:flex;align-items:center;gap:var(--spacing);margin-block-end:var(--spacing);line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-bold)}.comment__meta-date{font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.comment__delete{color:var(--color-text-muted);transition:opacity var(--transition-duration) var(--ease-in-out);@media(hover)and (pointer:fine){&:hover{color:currentcolor}.comment:hover &{opacity:1}}&:focus{color:currentcolor}@media(min-width:768px){opacity:0}>form{flex-shrink:0}>svg{margin-block-start:calc(var(--spacing)*.5);inline-size:calc(var(--spacing)*4);flex-shrink:0}}.comment-bubble{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);background-color:var(--color-bg-muted);border-radius:var(--radius-lg)}.comment-field{margin-block-start:var(--spacing)}.comment-field__actions{align-self:end;padding:var(--spacing);&.--active{display:block;.comment-field[empty] &{display:none}}&.--disabled{display:none;.comment-field[empty] &{display:block}}}.comment-field__submit{border-radius:var(--radius-xs);padding-inline:calc(var(--spacing)*2);margin-block-end:0}}@layer components{.content-card{position:relative;padding-block:calc(var(--spacing)*8);&.--compact{padding-block:calc(var(--spacing)*4)}&.--inline{padding-inline:var(--px-page);border-block-end:var(--border-width-default) solid var(--color-border-subtle);.sidepane__primary-content.--narrow &{border-color:var(--color-border-muted);padding-inline:0}}&:has(.social){padding-block-end:calc(var(--spacing)*2)}}.content-card__options{position:absolute;display:flex;gap:var(--spacing);inset-block-start:calc(var(--spacing)*6);inset-inline-end:calc(var(--spacing)*2.5);@media(min-width:1024px){opacity:0;inset-inline-end:calc(var(--spacing)*10)}@media print{display:none}@media(hover)and (pointer:fine){.content-card:hover &{opacity:1}}.content-card:focus-within &{opacity:1}}.content-card__layout{--size: calc(var(--spacing)*9);display:grid;gap:calc(var(--spacing)*4) calc(var(--spacing)*2);grid-template-columns:var(--size) 1fr;@media(min-width:640px){--size: calc(var(--spacing)*10);column-gap:calc(var(--spacing)*4)}}.content-card__avatar{inline-size:var(--size);block-size:var(--size);flex-shrink:0}.content-card__steady-avatar{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background-color:var(--color-accent);aspect-ratio:1;>svg{inline-size:66.6%}}.content-card__body{display:flex;flex-direction:column;gap:calc(var(--spacing)*2);flex-grow:1;grid-column:2;padding-inline-end:var(--spacing)}.content-card__author{font-size:var(--text-sm);line-height:1;>.author-name{margin-block-start:calc(var(--spacing)*2);font-weight:var(--font-weight-bold);text-align:center;&:not(:hover){color:inherit}}}.content-card__date{display:inline;margin-inline-end:var(--spacing);color:var(--color-text-muted)}.content-card__heading{font-size:var(--text-lg);font-weight:var(--font-weight-bold);&.--decorated{display:flex;align-items:center;gap:var(--spacing)}}.content-card__subheading{font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);color:var(--color-text-muted)}.content-card__footer{grid-column:1 / -1;min-block-size:2.5rem;@media(min-width:768px){grid-column-start:2}@media print{display:none}}}@layer components{.dropdown{position:relative;display:inline-flex;>summary>svg{inline-size:calc(var(--spacing)*4);block-size:calc(var(--spacing)*4)}}.dropdown__menu{display:flex;flex-direction:column;align-items:flex-start;position:absolute;z-index:30;min-inline-size:calc(var(--spacing)*48);padding:var(--spacing);margin-block-start:calc(var(--spacing)*2);background-color:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:var(--border-width-default) solid var(--color-border);&.--bottom{margin-block:0 calc(var(--spacing)*2);inset-block-end:100%}&.--right{inset-inline-end:calc(var(--spacing)*-2)}&.--bottom-right{inset-block-start:100%;inset-inline-start:0;margin-block-start:calc(var(--spacing)*2)}&.--bottom-left{inset-block-start:100%;inset-inline-end:0;margin-block-start:calc(var(--spacing)*2)}&.--bottom-center{inset-block-start:100%;inset-inline-start:50%;translate:-50%;margin-block-start:calc(var(--spacing)*2)}&.--top-right{inset-block-end:100%;inset-inline-start:0;margin-block-end:calc(var(--spacing)*2)}&.--top-left{inset-block-end:100%;inset-inline-end:0;margin-block-end:calc(var(--spacing)*2)}&.--top-center{inset-block-end:100%;inset-inline-start:50%;translate:-50%;margin-block-start:calc(var(--spacing)*2)}&:not(&.--undivided){:where(&>:not(:last-child)){padding-block-end:var(--spacing);margin-block-end:var(--spacing);border-block-end:var(--border-width-default) solid var(--color-border-subtle)}}>*{inline-size:100%}}.dropdown__menu-item{--item-text: var(--color-text-muted);--item-text-hover: var(--color-text);--item-bg: transparent;--item-bg-hover: var(--color-bg-muted);display:flex;align-items:center;inline-size:100%;gap:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*2);font-size:var(--text-sm);color:var(--item-text);background-color:var(--item-bg);cursor:pointer;@media(hover)and (pointer:fine){&:hover{color:var(--item-text-hover);background-color:var(--item-bg-hover)}}&:focus-visible{color:var(--item-text-hover)!important}&[aria-selected=true]{--item-bg: var(--item-bg-hover)}&[disabled]{color:var(--color-text-subtle)!important}&.--success{--item-text: var(--color-text-success);--item-text-hover: light-dark( oklch(from var(--color-success) var(--700)), oklch(from var(--color-success) var(--300)) )}&.--danger{--item-text: var(--color-text-danger);--item-text-hover: light-dark( oklch(from var(--color-danger) var(--700)), oklch(from var(--color-danger) var(--300)) )}>svg{inline-size:calc(var(--spacing)*4);block-size:calc(var(--spacing)*4);flex-shrink:0}}}@layer components{.echo-form{inline-size:100%;margin-block:calc(var(--spacing)*2) calc(var(--spacing)*10);&:has(option[value=daily]:checked){.echo_question_answer_day{display:none}}}.echo-form__bar{inline-size:100%;position:relative;margin-inline:auto;display:grid;grid-template-columns:1fr auto;align-items:end;padding:calc(var(--spacing)*2);border-radius:var(--radius-md);background-color:color-mix(in srgb,var(--color-bg-muted) 75%,transparent);border:var(--border-width-default) solid var(--color-border);transition:border-color .2s ease;&:focus-within{border-color:var(--color-accent);outline:var(--border-width-lg) solid var(--color-bg-accent-tint)}}.echo-form__input{flex-grow:1;background-color:transparent!important;border:none!important;resize:none;field-sizing:content;padding:calc(var(--spacing)*2);&::placeholder{color:var(--color-text-muted)}&:focus{outline:none}}.echo-form__button{opacity:0;scale:.8;flex-shrink:0;color:var(--color-white);background-color:var(--color-accent);border:var(--border-width-default) solid var(--color-accent);border-radius:var(--radius-sm);aspect-ratio:1 / 1;inline-size:calc(var(--spacing)*10);text-align:center;padding-inline:calc(var(--spacing)*2.5);transition:opacity .1s ease,scale .15s ease,background-color .2s ease,border-color .5s ease;.echo-form__input:not(:placeholder-shown)+&{opacity:1;scale:1;@media(hover)and (pointer:fine){&:hover{background-color:light-dark(var(--color-text-accent),color-mix(in srgb,var(--color-accent) 75%,transparent))}}}}.echo-layout{&.--full-width-content{>.content-card{padding-inline:0;>.content-card__options{inset-inline-end:0}}}}.echo-layout__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);hanging-punctuation:first allow-end last;display:flex;align-items:center;gap:calc(var(--spacing)*2);justify-content:space-between;& span{display:flex;align-items:center;gap:calc(var(--spacing)*2)}& svg{color:var(--color-bg);background-color:var(--color-accent);inline-size:calc(var(--spacing)*8);block-size:calc(var(--spacing)*8);border-radius:var(--spacing);padding:var(--spacing)}}.echo-recents{display:flex;flex-direction:column;gap:var(--spacing);font-size:var(--text-sm);margin-block-start:calc(var(--spacing)*-4);>li{padding-block:calc(var(--spacing)*4);border-block-end:var(--border-width-default) solid var(--color-border-muted);>span{color:var(--color-text-muted)}>a{display:block;text-wrap:balance;font-weight:var(--font-weight-medium)}}}.echo-collection-title{font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;font-size:var(--text-xs);margin-block-start:calc(var(--spacing)*8);padding-block-end:calc(var(--spacing)*2);display:flex;align-items:center;gap:calc(var(--spacing)*1);>.icon{background-color:var(--color-bg-accent-tint);padding:var(--spacing);border-radius:var(--border-radius-full);>svg{inline-size:calc(var(--spacing)*4);block-size:calc(var(--spacing)*4);color:var(--color-text-accent)}}}.echo-collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--spacing)*64),1fr));align-items:stretch;gap:calc(var(--spacing)*2)}.echo-collection__item{position:relative;box-shadow:var(--shadow-xs);background-color:var(--color-bg-card);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-md);.--presets &{background-color:var(--color-bg-muted);border-color:transparent;box-shadow:none}@media(hover)and (pointer:fine){.dropdown{opacity:0}&:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);.dropdown{opacity:1}}}&:focus-visible{border-color:var(--color-accent);box-shadow:none}>:is(label,a){position:relative;display:block;overflow:hidden;max-inline-size:100%;block-size:100%;padding-block:calc(var(--spacing)*3);padding-inline:calc(var(--spacing)*4);text-wrap:pretty;text-align:start;cursor:pointer;.--active &{color:var(--color-text)}.--presets &{opacity:.75;color:var(--color-text);&:hover{opacity:1;color:var(--color-text)}}>h3{font-weight:var(--font-weight-semibold);display:block;margin-block-end:var(--spacing)}& span{font-size:var(--text-sm);color:var(--color-text-muted);display:block}.badge{position:relative;inset-block-end:calc(var(--spacing)*-.5);inset-inline-end:calc(var(--spacing)*-1.75);scale:90%}}.dropdown{position:absolute;inset-block-start:var(--spacing);inset-inline-end:var(--spacing);z-index:10;.btn{scale:90%;box-shadow:none;padding-inline:calc(var(--spacing)*2)}}&:has(.dropdown) h3{margin-inline-end:calc(var(--spacing)*8)}}.echo-collection__item-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing)}.echo-answer-icon{display:flex;justify-content:center;align-items:center;aspect-ratio:1 / 1;background-color:var(--color-accent);border-radius:var(--radius-sm);>svg{color:var(--color-white);inline-size:66%}}}@layer components{.field{--field-placeholder: var(--color-text-subtle);--field-bg: var(--color-bg-muted);--field-border: var(--color-border);[data-theme=dark] &{color-scheme:dark}-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;inline-size:100%;padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*2);font-size:var(--text-base);line-height:calc(var(--spacing)*6);font-weight:var(--font-weight-normal);accent-color:var(--color-accent);background-color:var(--field-bg);border:var(--border-width-default) solid var(--field-border);border-radius:var(--radius-sm);&::placeholder{color:var(--field-placeholder)}&[type=search]{&::-webkit-search-decoration,&::-webkit-search-cancel-button,&::-webkit-search-results-button,&::-webkit-search-results-decoration{display:none}}&:focus-visible,&:focus-within{--field-border: var(--color-accent);outline:none}&:where(:not(textarea,select[multiple],rich-text-area)){block-size:calc(var(--spacing)*10)}&:where(select,.form-select){@supports (appearance: base-select){white-space:nowrap;appearance:base-select!important;&::picker(select){appearance:base-select!important;background-color:var(--color-bg);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing);font-size:var(--text-sm);box-shadow:var(--shadow-lg);max-block-size:calc(var(--spacing)*96);max-inline-size:calc(var(--spacing)*96)}& option{display:block;cursor:pointer;padding:calc(var(--spacing)*1.5);color:var(--color-text-muted);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);line-height:var(--leading-tight);transition-property:var(--transition-colors);transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-duration);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;+&{margin-block-start:calc(var(--spacing)*.5)}&::checkmark{display:none}&[disabled]{opacity:.5;pointer-events:none}&:not([disabled]){&:where(:focus,:active){background:var(--field-bg);color:#fff}@media(hover)and (pointer:fine){&:hover{color:var(--color-text);background-color:var(--color-bg-muted)}}&:checked,&:focus{color:var(--color-text-accent);background-color:var(--color-bg-accent-tint)}&:focus-visible{outline:var(--border-width-default) solid var(--color-accent);outline-offset:0}}}&::picker-icon{display:none}}background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'/%3E%3Cpolyline points='208 96 128 176 48 96' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E");background-position:right calc(var(--spacing)*3) center;background-repeat:no-repeat;background-size:calc(var(--spacing)*4) calc(var(--spacing)*4);padding-inline-end:calc(var(--spacing)*10);[data-theme=dark] &{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'/%3E%3Cpolyline points='208 96 128 176 48 96' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E")}}}.field-minimal{inline-size:100%;padding-inline:0;padding-block:calc(var(--spacing)*4);background-color:transparent!important;border-block-start:none;border-inline-start:none;border-inline-end:none;border-radius:0}.field-chromeless{--field-border: var(--color-border);display:flex;min-block-size:2.75rem;field-sizing:content;padding-inline:0;padding-block:0;inline-size:100%;background-color:transparent!important;transition-property:var(--transition-colors);transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-duration);border-block-start:none;border-inline-start:none;border-inline-end:none;border-block-end:var(--border-width-default) solid var(--field-border);border-radius:0;&.--grow{min-block-size:30vh}&::placeholder{color:var(--field-placeholder)}&:focus,&:focus-within,.group\/field:focus-within &{--field-border: var(--color-accent);outline:none;border-color:var(--field-border)}}.field-error{--field-text: var(--color-text-danger);--field-bg: var(--color-bg-danger-tint);display:inline-block;margin-block-start:var(--spacing);font-size:var(--text-sm);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*.5);border-radius:var(--radius-sm);color:var(--field-text);background-color:var(--field-bg)}.field-meter{position:relative;background-color:transparent;block-size:var(--spacing);inline-size:100%;border-radius:var(--radius-lg);[strength="1"] &,[strength="2"] &,[strength="3"] &,[strength="4"] &,[strength="5"] &{background-color:var(--color-bg-muted)}}.field-meter__bar{--bar-color: transparent;--bar-width: 0%;position:absolute;block-size:100%;inline-size:var(--bar-width);transition:width .2s ease;border-radius:var(--radius-lg);background-color:var(--bar-color);[strength="1"] &{--bar-color: var(--color-bg-danger);--bar-width: 25%}[strength="2"] &{--bar-color: var(--color-bg-danger);--bar-width: 50%}[strength="3"] &{--bar-color: var(--color-bg-success);--bar-width: 75%}[strength="4"] &,[strength="5"] &{--bar-color: var(--color-bg-success);--bar-width: 100%}}}@layer components{.goal-status-ok{--text: var(--color-text-accent);--bg: var(--color-bg-accent-tint);--border: var(--color-bg-accent);--outline: color-mix(in srgb, var(--color-accent) 20%, transparent)}.goal-status-warning{--text: var(--color-text-warning);--bg: var(--color-bg-warning-tint);--border: var(--color-bg-warning);--outline: color-mix(in srgb, var(--color-warning) 20%, transparent)}.goal-status-danger{--text: var(--color-text-danger);--bg: var(--color-bg-danger-tint);--border: var(--color-bg-danger);--outline: color-mix(in srgb, var(--color-danger) 20%, transparent)}.goal-status-complete{--text: var(--color-text-success);--bg: var(--color-bg-success-tint);--border: var(--color-bg-success);--outline: color-mix(in srgb, var(--color-success) 20%, transparent)}.goal{margin-block-end:calc(var(--spacing)*3);list-style-type:none;&:last-of-type{margin-block-end:0}&:has(.goal__sub-details:not([open])){margin-block-end:0}}.goal__card{display:block;padding:calc(var(--spacing)*3);font-weight:var(--font-weight-semibold);color:var(--color-text);list-style-type:none;background-color:var(--color-bg-card);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:border-color .1s ease;&:hover{color:var(--color-text);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}&.--archived{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*2)}&.--ghosted{opacity:.5;&:hover{opacity:1}}}.goal__content{display:grid;grid-template-columns:auto max-content;gap:calc(var(--spacing)*2);align-items:center;margin-block-end:calc(var(--spacing)*3);.--archived>&{grid-template-columns:auto 1fr;margin-block-end:0}}.goal__title{display:flex;align-items:center;gap:calc(var(--spacing)*2);padding-inline-start:var(--spacing);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight)}.goal__date{display:none;@media(min-width:640px){display:block;flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-weight-normal)}}.goal__meta{display:grid;grid-template-columns:1fr max-content;justify-content:space-between;gap:calc(var(--spacing)*6);text-align:end;.--archived>&{gap:0}}.goal__meta-group{display:flex;align-items:center;gap:0;position:relative;@media(min-width:640px){gap:calc(var(--spacing)*2.5)}&.--packed{gap:0}.popover{inset-inline-end:calc(var(--spacing)*-2)}&.--pop-left .popover{inset-inline-end:inherit;inset-inline-start:calc(var(--spacing)*-2)}}.goal__sub-details{--connector-width: var(--border-width-default);--connector-gap: calc(var(--spacing)*3);position:relative;&[open]{margin-block-end:0}.goal{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-items:center}.goal>.goal__card{position:relative;grid-column:1 / -1;grid-row:1 / -1}.goal:before{content:"";position:relative;grid-column:1 / -1;grid-row:1 / -1;inline-size:var(--connector-gap);block-size:0;inset-inline-start:calc(var(--connector-gap) * -1);border-block-start:var(--connector-width) solid var(--color-border-hover)}.goal:last-child:before{border-block-start:none}.goal:after{position:relative;grid-column:1 / -1;grid-row:1 / -1;inset-inline-start:calc(var(--connector-gap) * -1);z-index:0;border-inline-start:var(--connector-width) solid var(--color-border-hover)}.goal:last-child:after{content:"";inline-size:var(--connector-gap);block-size:50%;inset-block-end:25%;inset-inline-start:calc((var(--connector-gap)) * -1);border-end-start-radius:calc(var(--connector-gap) * .5);border-block-end:var(--connector-width) solid var(--color-border-hover)}}.goal__sub-goals{position:relative;grid-column-start:2;margin:calc(var(--spacing)*.5) 0 0 calc(var(--spacing)*2);padding-inline-start:var(--connector-gap);&:before{position:absolute;content:"";inline-size:var(--connector-gap);block-size:calc(100% - 4rem);inset-block-start:0;inset-inline-start:0;border-inline-start:var(--connector-width) solid var(--color-border-hover)}&:has(>.goal:only-child){border:none;&:before{border-inline-start:none}}@media(min-width:640px){margin-inline-start:calc(var(--spacing)*6)}}.goal__sub-summary{display:flex;gap:var(--spacing);inline-size:100%;align-items:center;grid-column-start:1;padding-block:var(--spacing);padding-inline:calc(var(--spacing)*2) 0;margin-block:calc(var(--spacing)*2);margin-inline:0;font-size:var(--text-sm);cursor:pointer;@media(min-width:640px){margin-inline-start:calc(var(--spacing)*2);padding-inline-start:calc(var(--spacing)*2)}&:focus{outline:none}&:focus-visible{outline:none;box-shadow:none;color:currentcolor;.goal__sub-arrow{color:var(--color-bg);background-color:var(--color-accent)}}&:hover{color:currentcolor}}.goal__sub-arrow{position:relative;inset-inline-start:calc(var(--border-width-default) * -1);inline-size:calc(var(--spacing)*5);block-size:calc(var(--spacing)*5);padding:var(--spacing);color:currentcolor;background-color:var(--color-bg-muted);border-radius:100%;transition:all .1s ease;.goal__sub-details[open]>.goal__sub-summary &{transform:rotate(90deg)}}.goal-poster-icon{width:auto;:where(line,polyline){stroke-width:16}}.goal-progress{display:flex;align-items:center;gap:calc(var(--spacing)*2);max-inline-size:var(--container-xs);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*.25);border-radius:var(--radius-md);&.--lg{padding:var(--spacing);position:relative;margin-block:calc(var(--spacing)*2);margin-inline:calc(var(--spacing)*-1)}}.goal-progress__label{display:flex;align-items:center;gap:var(--spacing);font-size:var(--text-sm);font-weight:var(--font-weight-medium);flex-shrink:0;>svg{block-size:calc(var(--spacing)*3)}}.goal-progress__meter{inline-size:100%;block-size:var(--spacing);background-color:var(--color-bg);border-radius:var(--spacing)}.goal-progress__meter-fill{block-size:100%;border-radius:var(--spacing)}.goal-progress-badge{inline-size:calc(var(--spacing)*5);block-size:calc(var(--spacing)*5);display:grid;grid-template-columns:1fr;place-items:center;border-radius:100%;flex-shrink:0;>*{grid-row-start:1;grid-column-start:1}>.circle-progress{inline-size:100%;block-size:100%}>svg{block-size:calc(var(--spacing)*3);pointer-events:none}}.goal-card-backdrop{position:absolute;inset-inline:0;inset-block-start:calc(var(--spacing)*-6);block-size:calc(var(--spacing)*24)}.goal-card-icon{position:relative;display:inline-block;inline-size:calc(var(--spacing)*16);block-size:calc(var(--spacing)*16);padding:calc(var(--spacing)*3);margin-block-start:calc(var(--spacing)*5);overflow:hidden;background-color:var(--color-bg);border:1px solid var(--color-bg);border-radius:var(--radius-md);inset-inline-start:calc(var(--spacing)*-.5)}.goal-card-icon__fill{position:absolute;inset:0;opacity:.25}.goal-card-header{position:relative;display:flex;align-items:center;gap:var(--spacing);margin-block-start:calc(var(--spacing)*2);font-weight:var(--font-weight-semibold);flex-shrink:0}.goal-card-list{display:flex;flex-direction:column;gap:var(--spacing);margin-block-start:calc(var(--spacing)*3);font-size:var(--text-sm);color:var(--color-text-muted);>li{display:flex;align-items:center;gap:var(--spacing);>svg{inline-size:calc(var(--spacing)*4);block-size:calc(var(--spacing)*4)}}}.goal-list__item{margin-block-end:calc(var(--spacing)*2);&:last-child{margin-block-end:0}& a:not(:hover){color:currentcolor}}.goal-list__link{display:flex;gap:calc(var(--spacing)*1.5)}.goal-list__title{margin-block-end:calc(var(--spacing)*.5);font-size:var(--text-sm)}.goal-list__updates{overflow:visible;padding-inline-start:calc(var(--spacing)*7);list-style-type:disc;list-style-position:inside}.goal-list__update-item{font-size:var(--text-sm);color:var(--color-text-muted)}}@layer components{.goal-update-field{display:grid;gap:calc(var(--spacing)*8);align-items:center;inline-size:100%;margin-block-start:calc(var(--spacing)*2);padding:calc(var(--spacing)*4);border-radius:var(--radius-lg);background-color:var(--bg);transition-property:var(--transition-colors);transition-duration:var(--transition-duration);transition-timing-function:linear;@media(min-width:768px){grid-template-columns:2fr 4fr}}.goal-update-field__range{position:relative;display:flex;align-items:stretch;inline-size:100%}.goal-update-field__slider{display:grid;align-items:center;inline-size:100%;grid-template-columns:1fr;grid-template-rows:1fr;>*{flex-grow:1;grid-column-start:1;grid-row-start:1}}.goal-update-list__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 calc(var(--spacing)*2);padding-block:calc(var(--spacing)*4);border-block-end:var(--border-width-default) solid var(--color-border-muted)}.goal-update-list__avatar{flex-shrink:0;inline-size:calc(var(--spacing)*6);block-size:calc(var(--spacing)*6)}.goal-update-list__author{font-size:var(--text-sm);font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-update-list__author-link{color:inherit;font-weight:var(--font-weight-bold)}.goal-update-list__goal-title{margin-block-start:calc(var(--spacing)*2);color:var(--color-text-muted)}.goal-update-list__status{position:relative;inset-block-start:0;place-self:start center}.goal-update-list__title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}}@layer components{.header{display:flex;justify-content:space-between;gap:calc(var(--spacing)*4);padding-block-end:calc(var(--spacing)*4);margin-block-end:calc(var(--spacing)*8);line-height:1;border-block-end:var(--border-width-default) solid var(--color-border-muted)}.header__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold)}.header__tools{display:none;gap:calc(var(--spacing)*4);@media(min-width:768px){display:flex}}.header__tool{display:flex}}@layer components{.insights-card-set{display:grid;gap:calc(var(--spacing)*4);grid-template-columns:1;@media(min-width:640px){grid-template-columns:repeat(2,1fr);&:has(.insights-card:nth-child(7):last-child),&:has(.insights-card:nth-child(9):last-child),&:has(.insights-card:nth-child(11):last-child){.insights-card:first-child{grid-column:span 2}}}@media(min-width:1024px){grid-template-columns:repeat(3,1fr);.insights-card{grid-column:span 1}&:has(.insights-card:nth-child(7):last-child){.insights-card:first-child{grid-column:span 2}.insights-card:last-child{grid-column:span 2}}&:has(.insights-card:nth-child(8):last-child){.insights-card:first-child{grid-column:span 2}}&:has(.insights-card:nth-child(9):last-child){.insights-card:first-child{grid-column:span 1}}&:has(.insights-card:nth-child(10):last-child){.insights-card:first-child{grid-column:span 2}.insights-card:last-child{grid-column:span 2}}&:has(.insights-card:nth-child(11):last-child){.insights-card:first-child{grid-column:span 2}.insights-card:last-child{grid-column:span 1}}}}.insights-card{block-size:clamp(calc(var(--spacing)*44),23.75vh,calc(var(--spacing)*60));position:relative;display:flex;flex-direction:column;justify-content:space-between;color:inherit;background-color:var(--color-bg-card);min-inline-size:0;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);border:var(--border-width-default) solid var(--color-border-muted);overflow:clip;@media(hover)and (pointer:fine){&:hover{color:var(--color-text);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}}}.insights-card__overlay-link{position:absolute;display:block;inset:0}.insights-card__header{display:flex;flex-direction:column;padding:calc(var(--spacing)*4)}.insights-card__name{font-weight:var(--font-weight-semibold);inline-size:100%;display:flex;justify-content:space-between;>.badge{z-index:1}}.insights-card__stat{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);line-height:1;color:var(--color-text-accent)}.insights-card__content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-inline:clip;block-size:calc(var(--spacing)*24);>high-chart{display:block;position:relative;overflow:visible!important;inline-size:100%;scale:1.02;.highcharts-root{overflow:visible}.highcharts-container,.highcharts-container svg{inline-size:100%;overflow:visible}}}.insights-chart__header{display:flex;gap:calc(var(--spacing)*2);align-items:center;margin-block-start:calc(var(--spacing)*8)}.insights-chart__title{font-weight:700;font-size:var(--text-2xl)}.insights-chart__back{display:inline-flex;align-items:center;justify-content:center;inline-size:calc(var(--spacing)*6);block-size:calc(var(--spacing)*6);border-radius:var(--border-radius-full);padding:0}.insights-chart__back-icon{inline-size:calc(var(--spacing)*4);block-size:calc(var(--spacing)*4);transform:rotate(180deg)}.insights-chart__metric{font-weight:700;font-size:var(--text-2xl);color:var(--color-text-accent)}.insights-chart__wrapper{margin-block-start:calc(var(--spacing)*4)}.insights-chart__full{display:block;overflow:visible!important;.highcharts-root{overflow:visible}}.insights-details{&[open]{>summary svg{transform:rotate(90deg)}}>summary{cursor:pointer;& svg{inline-size:calc(var(--spacing)*4);position:relative;margin-block-start:var(--border-width-default)}}}.insights-row{display:flex;flex-flow:row nowrap;gap:calc(var(--spacing)*2);align-items:center;justify-content:space-between;padding-block:calc(var(--spacing)*3);padding-inline:var(--px-page);border-block-start:var(--border-width-default) solid var(--color-border-muted);font-size:var(--text-sm);&.--header{color:var(--color-text-muted)}>*{text-align:end;white-space:nowrap;@media(min-width:640px){inline-size:clamp(calc(var(--spacing)*16),15%,calc(var(--spacing)*48))}}>*:where(:not(:first-child,:nth-last-child(2))){display:none;@media(min-width:640px){display:block}}>:first-child{flex-grow:1;text-align:start;display:flex;align-items:center;gap:calc(var(--spacing)*2);.--member &{padding-inline-start:calc(var(--spacing)*6)}>svg{flex-shrink:0}}.badge{scale:.9;margin-inline-end:calc(var(--spacing)*-1)}}}@layer components{.integration-actions{padding-block:calc(var(--spacing)*4);margin-block:calc(var(--spacing)*4);border-block-end:1px solid var(--color-border-muted)}.integration-remove{padding-block-start:calc(var(--spacing)*4);margin-block-start:calc(var(--spacing)*4);font-size:var(--text-sm);border-block-start:1px solid var(--color-border-muted);>a{display:inline-flex;align-items:center;& svg{inline-size:calc(var(--spacing)*4);margin-inline-end:calc(var(--spacing)*1)}}}}@layer components{.jump{margin-block-start:25dvh;&:has(.jump__field:not(:placeholder-shown)) .jump__results{margin-block-start:calc(var(--spacing)*4)}}.jump__layout{display:flex;flex-direction:column}.jump__field{block-size:calc(var(--spacing)*12);margin-block-end:0;transition-property:var(--transition-colors);transition-duration:var(--transition-duration);transition-timing-function:var(--ease-in-out)}.jump__results{display:flex;flex-direction:column;gap:var(--spacing);overflow-block:auto;max-block-size:max(10rem,30dvh);padding-inline-end:var(--spacing);& li:has(li):not(:has(li:not([hidden]))){display:none}& li>:is(a,button){inline-size:100%;display:flex;align-items:center;gap:calc(var(--spacing)*2);padding:var(--spacing);padding-inline:calc(var(--spacing)*1.5);border-radius:var(--radius-sm);color:var(--color-text-muted);&:hover{color:var(--color-text);background-color:var(--color-bg-muted)}&:focus-visible{outline:none!important;box-shadow:none!important;color:var(--color-text-accent);background-color:var(--color-bg-accent-tint)}>:is(div,button,img,svg){display:inline;inline-size:calc(var(--spacing)*5);block-size:calc(var(--spacing)*5)}}}.jump__section-header{padding:var(--spacing);font-size:var(--text-sm);color:var(--color-text-subtle)}}@layer components{.label{display:block;margin-block:calc(var(--spacing)*4) calc(var(--spacing)*.5);font-weight:var(--font-weight-medium);&:first-letter{text-transform:capitalize}}}@layer components{.load-bar{--color: var(--color-accent);--gradient: no-repeat linear-gradient(var(--color) 0 0);--height: calc(var(--spacing)*.5);block-size:var(--height);inline-size:100%;background:var(--gradient),var(--gradient),transparent;background-size:60% 100%;animation:load-bar 1s infinite}@keyframes load-bar{0%{background-position:-150% 0,-150% 0}66%{background-position:0% 0,100% 0}to{background-position:250% 0,250% 0;opacity:.4}}.text-loader{--height: calc(var(--spacing)*3);--start-color: color-mix(in srgb, var(--color-neutral) 15%, transparent);--stop-color: color-mix(in srgb, var(--color-neutral) 3%, transparent);inline-size:60%;animation-delay:.5s;display:inline-block;margin-block:calc(var(--height) * 1.5);&:before,&:after{content:"";position:relative;display:block}&:before{inset-block-start:calc(var(--height) * -1.5);inline-size:50%;animation-delay:0s}&:after{inset-block-start:calc(var(--height) * .5);inline-size:70%;animation-delay:1s}}.text-loader,.text-loader:before,.text-loader:after{block-size:var(--height);border-radius:var(--radius-sm);background:linear-gradient(to right,var(--start-color) 0%,var(--stop-color) 80%);background-size:200% 200%;animation:placeholder-pulse 2s linear infinite}@keyframes placeholder-pulse{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}}@layer components{.load-spinner{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);& svg{inline-size:calc(var(--spacing)*6);block-size:calc(var(--spacing)*6)}}}@layer components{:is(.markdown-body,.ProseMirror){--flow-space: calc(var(--spacing)*2);hyphens:auto;inline-size:auto;max-inline-size:var(--container-6xl);>*+*,blockquote>*+*,:not([data-type=taskList]) li>*+*{margin-block-start:var(--flow-space);&:last-child{margin-block-end:var(--flow-space)}}& *+:is(pre,rich-text-attachment,figure){--flow-space: calc(var(--spacing)*3)}& hr{border:0;border-block-start:var(--border-width-default) solid var(--color-border-muted)}& img{display:inline}& a{overflow-wrap:anywhere}:is(b,strong){font-weight:var(--font-weight-bold)}:is(p,li){overflow-wrap:break-word}:is(h1,h2,h3,h4){font-size:var(--text-lg);font-weight:var(--font-weight-bold)}& blockquote{padding-inline-start:calc(var(--spacing)*4);border-inline-start:calc(var(--spacing)*.5) solid var(--color-border-muted)}& code{word-break:break-word;white-space:normal}& pre{inline-size:100%;overflow:auto;overflow-wrap:normal;word-break:normal}& pre>code{inline-size:0;display:block;white-space:pre}:is(ul>li,ol>li){margin-inline-start:calc(var(--spacing)*4);@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){margin-inline-start:calc(var(--spacing)*5)}}& ul{list-style-type:disc;list-style-position:outside}& ol{list-style-type:decimal;list-style-position:outside}& ul[data-type=taskList]{list-style-type:none;& li{display:flex;gap:calc(var(--spacing)*2);margin:0}& label{flex-shrink:0;-webkit-user-select:none;user-select:none}[type=checkbox]{display:block;margin-block-start:var(--spacing);&:checked{border-width:0}}}}}@layer components{.modal{--card: var(--color-bg);--border: var(--color-border);--dismiss: var(--color-text-subtle);--dismiss-bg: color-mix(in srgb, var(--color-neutral) 10%, transparent);--card-padding: calc(var(--spacing)*8);--content-margin: calc(var(--spacing)*2);--transition-time: .1s;inline-size:90%;margin:auto;padding:var(--card-padding);overflow:visible;background-color:var(--card);border-radius:var(--radius-lg);border:var(--border-width-default) solid var(--border);box-shadow:var(--shadow-2xl);-webkit-backdrop-filter:blur(var(--blur-xl));backdrop-filter:blur(var(--blur-xl));transition:opacity var(--transition-time),transform var(--transition-time),overlay var(--transition-time) allow-discrete,display var(--transition-time) allow-discrete;opacity:0;transform:scale(.9);outline-color:var(--color-accent);&:focus-visible{outline:none}&::backdrop{--backdrop-color: 230deg 0% 100%;--transition-time: .1s;background:hsl(var(--backdrop-color) / 0%);transition:display var(--transition-time) allow-discrete,overlay var(--transition-time) allow-discrete,background-color var(--transition-time)}[data-theme=dark] &::backdrop{--backdrop-color: 230deg 20% 8%}&:popover-open{opacity:1;transform:scale(1);&::backdrop{background:hsl(var(--backdrop-color) / 50%)}}@media(min-width:640px){&.--sm{max-inline-size:var(--container-md)}&.--md{max-inline-size:var(--container-xl)}&.--lg{max-inline-size:var(--container-3xl)}&.--xl{max-inline-size:var(--container-5xl)}}}.modal__header{display:grid;position:relative;padding-block-end:calc(var(--spacing)*2)}.modal__title{flex-grow:1;font-size:var(--text-xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--spacing)}.modal__dismiss{justify-self:end;display:flex;align-items:center;justify-content:center;color:var(--dismiss);inline-size:calc(var(--spacing)*8);block-size:calc(var(--spacing)*8);border-radius:var(--radius-sm);position:relative;inset-block-start:calc((var(--card-padding) / 1.5) * -1);inset-inline-end:calc((var(--card-padding) / 1.5) * -1);margin-block-end:calc((var(--card-padding) / 1.5) * -1);@media(hover)and (pointer:fine){&:hover{background-color:var(--dismiss-bg)}}>svg{inline-size:calc(var(--spacing)*6);block-size:calc(var(--spacing)*6)}}.modal__footer{gap:calc(var(--spacing)*2);margin-block-start:var(--content-margin);padding-block-start:calc(var(--spacing)*8);display:grid;grid-template-columns:1fr;>.btn.--mood{grid-row:1 / 1}@media(min-width:768px){grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));grid-auto-flow:dense;>.btn.--mood{grid-column:-2 / span 1}}}@starting-style{.modal:popover-open{opacity:0;transform:scale(.9);&::backdrop{background:hsl(var(--backdrop-color) / 0%)}}}}@layer components{.mood-selections{display:flex;flex-wrap:wrap;max-inline-size:var(--max-width-2xl);gap:calc(var(--spacing)*2);margin-block-end:var(--spacing);>div{border-radius:var(--border-radius-full);>input{display:none}>label{display:block;padding:calc(var(--spacing)*2);border:var(--border-width-lg) solid transparent;border-radius:var(--border-radius-full);cursor:pointer;&:focus-visible{outline:var(--border-width-md) solid var(--color-accent);outline-offset:var(--border-width-default)}&:hover{background-color:var(--color-bg-muted)}:checked+&{border-color:var(--color-accent)}>span{display:flex;align-items:center;justify-content:center;inline-size:calc(var(--spacing)*6);block-size:calc(var(--spacing)*6);font-size:var(--text-2xl);line-height:1}}}}}@layer components{multi-select{--menu-text: var(--color-text-subtle);--menu-bg: var(--color-bg);--menu-border: var(--border-width-default) solid var(--color-accent);--menu-height: calc(var(--spacing)*72);--menu-summary-height: calc(var(--spacing)*10);display:contents;&.--small{--menu-summary-height: calc(var(--spacing)*8)}}.multi-select__details{display:block;position:relative;border-width:0;padding:0;block-size:var(--menu-summary-height);&.--inline{display:inline-flex;inline-size:auto;margin-block-end:0;background:none!important;&:not([open]){block-size:auto}}}.multi-select__details[open]{background-image:none;&.--inline{box-shadow:var(--shadow-lg);position:relative;inset-block-start:calc(var(--spacing)*-2);margin-block-end:calc(var(--spacing)*-4)}}.multi-select__summary{display:inline-flex;align-items:center;padding:calc(var(--spacing)*2);cursor:default;border-radius:var(--radius-sm);block-size:var(--menu-summary-height);&.--inline{font-size:var(--text-sm);padding-block:0;padding-inline:var(--spacing) calc(var(--spacing)*5);&:not([open]){block-size:auto}&:empty:before{color:currentcolor;opacity:.5}}&.--block{padding-inline-end:calc(var(--spacing)*6);border:var(--border-width-default) solid var(--color-border)}&.--small{display:flex;font-size:var(--text-sm);padding-inline-end:calc(var(--spacing)*8);border:var(--border-width-default) solid var(--color-border)}&:before{color:var(--menu-text);content:attr(data-label)}&:empty{&:before{content:attr(data-placeholder)}}&:focus-visible{border:var(--menu-border);outline:none;&.--inline{border:none;outline:var(border-width-default) solid var(--color-accent)}}.multi-select__details[open] &{display:none}}.multi-select__menu{display:flex;border-radius:var(--radius-sm);z-index:10;&.--top{flex-direction:column-reverse;margin-block-start:var(--menu-summary-height);transform:translateY(-100%)}&.--bottom{flex-direction:column}>input{block-size:var(--menu-summary-height);.--small &{font-size:var(--text-sm)}}}.multi-select__field{margin-block-end:0;color:var(--color-text);.multi-select__details[open] &{border:var(--menu-border)}}.multi-select__container{padding:var(--spacing);z-index:10;overflow:hidden auto;font-size:var(--text-sm);border:var(--border-width-default) solid var(--color-border);background-color:var(--menu-bg);max-block-size:var(--menu-height);scrollbar-color:var(--color-border) transparent;border-radius:var(--radius-sm);&.--bottom{box-shadow:var(--shadow-lg)}multi-select[option-count="0"]:not([no-results]) &{display:none}& ul{display:flex;flex-direction:column;gap:calc(var(--spacing)*.5)}}.multi-select__group-label{display:flex;gap:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1.5);padding-inline:calc(var(--spacing)*1.5);line-height:var(--leading-tight);color:var(--color-text-subtle);transition-property:var(--transition-colors);transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-duration);&:not(:first-child){border-block-start:var(--border-width-default) solid var(--color-border-subtle);margin-block-start:var(--spacing);padding-block-start:calc(var(--spacing)*3)}&:hover{color:var(--color-text-muted)}}.multi-select__group-label-add{display:flex;gap:var(--spacing)}.multi-select__label{display:flex;align-items:center;gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*1.5);line-height:var(--leading-tight);color:var(--color-text-muted);background-color:transparent;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);transition-property:var(--transition-colors);transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-duration);&:hover{color:var(--color-text);background-color:var(--color-bg-muted);cursor:pointer}&:has(:checked){color:var(--color-text-accent);background-color:var(--color-bg-accent-tint)}&.--disabled{opacity:.75}}.multi-select__checkbox{opacity:.5;&:hover,&:focus,&:checked{opacity:1}.multi-select__group-label>&:checked{--check-bg: var(--color-text-subtle) !important;--check-border: var(--color-text-subtle) !important}}.multi-select__no-results{display:none;color:var(--color-text-muted);padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3);multi-select[no-results] &{display:block}}}@layer components{.password-strength__meter{margin-block-start:calc(var(--spacing)*2)}.password-strength__feedback{margin-block-start:calc(var(--spacing)*1);min-block-size:calc(var(--spacing)*4);font-size:var(--text-sm);color:var(--color-text-muted)}.password-strength__weak{color:var(--color-text-danger)}.password-strength__strong{color:var(--color-text-success)}}@layer components{.pattern{--line-color: color-mix(in srgb, var(--color-accent) 30%, transparent);--fill-color: color-mix(in srgb, var(--color-accent) 5%, transparent);--line-weight: var(--border-width-default);--pattern-size: .65rem .65rem;--pattern-position: 49.9% 55%;--blend-mode: overlay;&.--lines{background:linear-gradient(to right,var(--line-color) var(--line-weight),transparent var(--line-weight)) 0 0 / var(--pattern-size),linear-gradient(to bottom,var(--line-color) var(--line-weight),var(--fill-color) var(--line-weight)) 0 0 / var(--pattern-size);background-position:var(--pattern-position)}&.--angles{--pattern-size: .5rem .5rem;background:repeating-linear-gradient(45deg,var(--fill-color) 0,var(--fill-color) 40%,var(--line-color) 0,var(--line-color) 50%) 0 0 / var(--pattern-size);background-position:var(--pattern-position)}&.--dots{background:radial-gradient(circle,var(--line-color) var(--line-weight),var(--fill-color) var(--line-weight)) 0 0 / var(--pattern-size);background-position:var(--pattern-position)}&.--subtle{--line-color: color-mix(in srgb, var(--color-neutral) 10%, transparent);--fill-color: transparent;--line-weight: .05rem;--pattern-size: .2rem .2rem}&.--asphalt{--line-color: color-mix(in srgb, var(--color-neutral) 5%, transparent);--fill-color: color-mix(in srgb, var(--color-neutral) 0%, transparent)}&.--themed{&[data-theme-index="0"],&[data-theme-index="2"],&[data-theme-index="7"]{--line-color: color-mix(in srgb, var(--color-link) 30%, transparent);--fill-color: color-mix(in srgb, var(--color-link) 5%, transparent)}&[data-theme-index="1"]{--line-color: color-mix(in srgb, var(--color-success) 30%, transparent);--fill-color: color-mix(in srgb, var(--color-success) 5%, transparent)}&[data-theme-index="3"],&[data-theme-index="6"],&[data-theme-index="8"]{--line-color: color-mix(in srgb, var(--color-accent) 30%, transparent);--fill-color: color-mix(in srgb, var(--color-accent) 5%, transparent)}&[data-theme-index="4"]{--line-color: color-mix(in srgb, var(--color-warning) 30%, transparent);--fill-color: color-mix(in srgb, var(--color-warning) 5%, transparent)}&[data-theme-index="5"]{--line-color: color-mix(in srgb, var(--color-danger) 30%, transparent);--fill-color: color-mix(in srgb, var(--color-danger) 5%, transparent)}}}}@layer components{.popover{position:absolute;z-index:30;margin-block-start:calc(var(--spacing)*2);transition:opacity var(--transition-duration) var(--ease-in-out)}.popover-content{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*3) calc(var(--spacing)*4);background-color:var(--color-bg);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.popover-trigger:focus-visible{outline:var(--border-width-md) solid var(--color-accent);outline-offset:var(--border-width-md)}.popover-trigger~.popover{visibility:hidden;opacity:0}@media(hover)and (pointer:fine){:is(.popover-trigger:hover,.popover-trigger:focus)~:is(.popover,.popover:hover,.popover:focus){visibility:visible;opacity:1}}}@layer components{.profile-card-set{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing)*4);@container (min-width: 36rem){grid-template-columns:repeat(2,1fr)}@container (min-width: 60rem){grid-template-columns:repeat(3,1fr)}@container (min-width: 80rem){grid-template-columns:repeat(4,1fr)}}.profile-card{position:relative;display:flex;flex-direction:column;flex-grow:1;gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*4);color:inherit;background-color:var(--color-bg-card);min-inline-size:0;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);border:var(--border-width-default) solid var(--color-border);@media(hover)and (pointer:fine){.dropdown{opacity:0}&:hover{color:var(--color-text);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);.dropdown{opacity:1}}}&:focus-within .dropdown{opacity:1}>.avatar{background-color:var(--color-bg);outline:none;pointer-events:none}}.profile-card__overlay-link{position:absolute;display:block;inset:0}.profile-card__overflow-menu{position:absolute!important;inset-block-start:calc(var(--spacing)*2);inset-inline-end:calc(var(--spacing)*2)}.profile-card__content{display:flex;flex-direction:column;flex-grow:1}.profile-card__name{font-weight:var(--font-weight-semibold);display:flex;gap:var(--spacing)}.profile-card__meta{display:flex;flex-direction:column;gap:calc(var(--spacing)*2);font-size:var(--text-sm)}.profile-card__description{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-wrap:pretty;font-size:var(--text-sm)}.profile-card__footer{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing)*2)}.profile-card__privacy{inline-size:calc(var(--spacing)*4);color:var(--color-text-muted)}.profile-preview-card{display:flex;flex-direction:column}.profile-preview-card__name{font-weight:var(--font-weight-bold)}.profile-preview-card__role{font-size:var(--text-sm);color:var(--color-text-muted)}.profile-preview-card__list{display:flex;flex-direction:column;gap:var(--spacing);margin-block-start:calc(var(--spacing)*2);color:var(--color-text-muted);font-size:var(--text-sm);>li{display:flex;align-items:center;gap:var(--spacing);>svg{inline-size:calc(var(--spacing)*4);block-size:calc(var(--spacing)*4);flex-shrink:0}}}}@layer components{.radio-tag{position:relative;padding-block:calc(var(--spacing)*1.5);padding-inline:calc(var(--spacing)*3);border-radius:var(--border-radius-full);background-color:transparent;border:var(--border-width-default) solid var(--color-border);flex-grow:1;display:inline-flex;align-items:center;gap:var(--spacing);transition:border-color .2s ease;font-weight:var(--font-weight-medium);&:has(input[type=radio]:checked){background-color:var(--color-bg-accent-tint);border-color:var(--color-accent);color:var(--color-text-accent)}@media(hover)and (pointer:fine){&:hover{background-color:var(--color-bg-muted);border-color:var(--color-border-hover)}}>input[type=radio]{position:absolute;inset:0;appearance:none;margin:0;opacity:0;inline-size:100%;block-size:100%;background-color:#fff}>svg{inline-size:calc(var(--spacing)*4);block-size:calc(var(--spacing)*4);flex-shrink:0}}}@layer components{.range{--range-transition: var(--transition-colors) var(--transition-duration) var(--ease-in-out);--range-thumb-offset: -.6rem;--range-thumb-size: calc(var(--spacing)*5);--range-radius: 100%;--range-track-height: 1px;inline-size:100%;margin:0;padding:0;appearance:none;background-color:transparent!important;border:var(--border-width-default) solid var(--border);border-block-start:0;border-block-end:0;border-radius:0;transition:var(--range-transition);&:focus{outline:none;border-color:var(--border)}&:focus-visible{outline:none}}.range::-webkit-slider-runnable-track{inline-size:100%;block-size:1px;cursor:pointer;border:0;background-color:var(--border);border-start-start-radius:var(--range-radius);border-end-start-radius:var(--range-radius);transition:var(--range-transition)}.range::-moz-range-track{inline-size:100%;block-size:1px;cursor:pointer;border:0;background-color:var(--border);border-start-start-radius:var(--range-radius);border-end-start-radius:var(--range-radius);transition:var(--range-transition)}.range::-webkit-slider-thumb{margin-block-start:var(--range-thumb-offset);block-size:var(--range-thumb-size);inline-size:var(--range-thumb-size);background-color:var(--border);border:0;border-radius:var(--range-radius);cursor:pointer;appearance:none;transition:var(--range-transition)}.range:focus::-webkit-slider-thumb{outline:var(--border-width-lg) solid var(--outline)}.range::-moz-range-thumb{margin-block-start:var(--range-thumb-offset);block-size:var(--range-thumb-size);inline-size:var(--range-thumb-size);background-color:var(--border);border:0;border-radius:var(--range-radius);cursor:pointer;appearance:none;transition:var(--range-transition)}.range:focus::-moz-range-thumb{outline:var(--border-width-lg) solid var(--outline)}.range-progress{block-size:var(--spacing);inline-size:calc(var(--spacing)*2);grid-column-start:1;grid-row-start:1;background-color:var(--border);pointer-events:none;transition:var(--range-transition)}.range-marker{block-size:calc(var(--spacing)*3);opacity:.5;grid-column-start:1;grid-row-start:1;border-inline-end:var(--border-width-default) solid var(--border);pointer-events:none}.range-output{inline-size:7ch;padding-block:calc(var(--spacing)*2);font-size:var(--text-lg);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;border-inline-end:var(--border-width-default) solid var(--border);color:var(--text);transition:var(--range-transition)}}@layer components{.read-receipts{inline-size:100%;display:flex;flex-direction:column;gap:calc(var(--spacing)*2);overflow-block:auto;max-block-size:calc(var(--spacing)*36);padding-inline-end:calc(var(--spacing)*2);scrollbar-color:var(--color-border) transparent;>li{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--spacing)*2);align-items:center;font-size:var(--text-sm);@media(min-width:768px){grid-template-columns:auto minmax(auto,50%) 1fr}& img{inline-size:calc(var(--spacing)*5);block-size:calc(var(--spacing)*5);border-radius:100%}>strong{font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}>time-ago{display:none;justify-self:end;color:var(--color-text-muted);@media(min-width:768px){display:block}}}}read-receipt{position:absolute;opacity:0}}@layer components{.reactions{position:relative;&:before{content:"";position:absolute;display:block;block-size:100%;inline-size:calc(var(--spacing)*8);inset-inline-start:calc(var(--border-width-default) * -1);background:linear-gradient(90deg,var(--color-bg) 0%,color-mix(in srgb,var(--color-bg) 0%,transparent) 100%)}}.reactions__container{display:flex;align-items:center;gap:calc(var(--spacing)*2)}.reactions__list{display:flex;flex-direction:row-reverse;gap:var(--spacing);overflow:hidden;&:first-child{padding-inline-start:calc(var(--spacing)*6)}}.reactions__menu{position:relative}.reactions__menu-pop{inset-inline-end:0;padding:calc(var(--spacing)*2);padding-block-start:calc(var(--spacing)*3);inline-size:calc(var(--spacing)*40)}.reactions__menu-title{inline-size:100%;margin-block-end:var(--spacing);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-align:center}.reactions__menu-grid{display:grid;grid-template-columns:repeat(3,1fr)}.reactions__menu-item{--bg-color: transparent;inline-size:calc(var(--spacing)*12);block-size:calc(var(--spacing)*12);display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);font-size:var(--text-2xl);border-radius:var(--radius-sm);&:focus-visible{--bg-color: light-dark( oklch(from var(--color-neutral) var(--50)), oklch(from var(--color-neutral) var(--700) / 50%) )}@media(hover)and (pointer:fine){&:hover{--bg-color: light-dark( oklch(from var(--color-neutral) var(--50)), oklch(from var(--color-neutral) var(--700) / 50%) )}}}.reactions__button{--reaction-bg: light-dark(oklch(from var(--color-neutral) var(--50)), color-mix(in srgb, var(--color-neutral) 10%, transparent));--reaction-border: transparent;--reaction-bg-alt: light-dark(color-mix(in srgb, var(--color-accent) 5%, transparent), color-mix(in srgb, var(--color-accent) 20%, transparent));--reaction-border-alt: light-dark(color-mix(in srgb, var(--color-accent) 10%, transparent), color-mix(in srgb, var(--color-accent) 40%, transparent));background-color:var(--reaction-bg);border-color:var(--reaction-border);border-width:1px;border-style:solid;transition-property:all;transition-duration:var(--transition-duration);transition-timing-function:var(--ease-in-out);display:inline-flex;gap:var(--spacing);flex-shrink:0;inline-size:auto;padding-inline:calc(var(--spacing)*2);align-items:center;justify-content:center;block-size:calc(var(--spacing)*8);border-radius:var(--border-radius-full);outline:none;direction:ltr;&:hover{--reaction-bg: light-dark(var(--color-white), color-mix(in srgb, var(--color-neutral) 10%, transparent));--reaction-border: var(--color-border-muted);--reaction-bg-alt: light-dark(color-mix(in srgb, var(--color-accent) 10%, transparent), color-mix(in srgb, var(--color-accent) 20%, transparent));--reaction-border-alt: light-dark(color-mix(in srgb, var(--color-accent) 15%, transparent), color-mix(in srgb, var(--color-accent) 60%, transparent));position:relative;box-shadow:none}&:focus{--reaction-border: var(--color-accent);--reaction-border-alt: var(--color-accent);outline:none}>span{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}}}@layer components{.readables .readable:nth-last-child(-n+1 of.readable--unread):not(:last-child){--height: var(--border-width-default);--padding: calc(var(--spacing)*2);position:relative;overflow:visible;padding-block-end:var(--padding);&:before{display:block;content:"";position:absolute;inset-inline:0;inset-block-end:calc(var(--height) * -1);block-size:var(--height);background-color:var(--color-text-accent)}&:after{display:inline-block;content:"Previously read";position:absolute;transform:translateY(50%);inset-block-end:0;inset-inline-end:calc(var(--px-page) - var(--padding));padding-inline:var(--padding);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-accent);background-color:var(--color-bg)}>:last-child{border-block-end:none}}}@layer components{.roster-avatar{--link-scale: .82;--link-opacity: 1;--image-blend-mode: normal;--container-bg: var(--color-bg);--container-border: var(--color-border-muted);--container-shadow: none;--badge-bg: var(--color-bg);--icon-color: inherit;position:relative;inline-size:calc(var(--spacing)*16);block-size:calc(var(--spacing)*16);border-width:var(--border-width-md);border-radius:var(--border-radius-full);background-color:var(--container-bg);border-color:var(--container-border);box-shadow:var(--container-shadow);&.--absent{--link-scale: .75;--link-opacity: .4;--image-blend-mode: luminosity;--container-bg: var(--color-bg);--container-border: var(--color-border-subtle);--icon-color: var(--color-text-muted)}&.--blocked{--container-bg: var(--color-bg-danger-tint);--container-border: var(--color-bg-danger);--icon-color: var(--color-text-danger)}&.--previous-completed{--container-bg: var(--color-bg-success-tint);--container-border: var(--color-bg-success);--icon-color: var(--color-text-success)}&.--completed{--container-border: var(--color-border-muted)}&.--not-completed{--link-scale: .75;--link-opacity: .4;--image-blend-mode: luminosity;--container-bg: var(--color-bg);--container-border: var(--color-border-muted);--container-shadow: inset var(--shadow-sm)}}.roster-avatar__link{display:block;inline-size:100%;block-size:100%;border-radius:var(--border-radius-full);background-color:var(--color-bg-muted);transform:scale(var(--link-scale));opacity:var(--link-opacity)}.roster-avatar__image{inline-size:100%;block-size:100%;border-radius:var(--border-radius-full);mix-blend-mode:var(--image-blend-mode)}.roster-avatar__badge{position:absolute;inset-block-end:calc(var(--spacing)*-1);inset-inline-end:calc(var(--spacing)*-1);display:flex;align-items:center;justify-content:center;inline-size:calc(var(--spacing)*6);block-size:calc(var(--spacing)*6);border-radius:var(--border-radius-full);background-color:var(--badge-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.roster-avatar__badge-icon{color:var(--icon-color)}.roster-avatar__popover{inline-size:calc(var(--spacing)*60)}.roster-avatar__popover-header{font-weight:700;outline-color:transparent;color:currentcolor}.roster-avatar__popover-role{font-size:var(--text-sm);color:var(--color-text-muted)}.roster-avatar__popover-list{display:flex;flex-direction:column;gap:calc(var(--spacing)*1);margin-block-start:calc(var(--spacing)*4);font-size:var(--text-sm)}.roster-avatar__popover-item{display:flex;align-items:flex-start;gap:calc(var(--spacing)*1)}.roster-avatar__popover-icon{inline-size:calc(var(--spacing)*4);margin-block-start:calc(var(--spacing)*.5);flex-shrink:0}.roster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--spacing)*4)}}@layer components{rich-text-area{--area-option-height: 2rem;--area-z-index: 10;--area-border-width: var(--border-width-default);--area-outline-width: var(--border-width-md);--area-icon-size: calc(var(--spacing)*4);--area-img-size: calc(var(--spacing)*6);--area-button-size: calc(var(--spacing)*8);--area-transition: opacity var(--transition-duration) var(--ease-in-out);display:block;&:is(.field,.field-chromeless){position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;block-size:100%;padding:0}>textarea{position:absolute;inset:0;opacity:0;pointer-events:none;z-index:calc(var(--area-z-index) * -1)}>[contenteditable]{outline:none;flex-shrink:1;flex-grow:1}&:is(.field)>[contenteditable]{padding:calc(var(--spacing)*2)}&:is(.field-chromeless)>[contenteditable]{padding-block:calc(var(--spacing)*4);flex-basis:100%}&[empty]>[contenteditable][placeholder]:before{content:attr(placeholder);position:absolute;white-space:pre-line;pointer-events:none;cursor:text;color:var(--color-text-subtle)}[role=listbox]{position:absolute;inline-size:max-content;max-inline-size:var(--container-xl);max-block-size:calc(var(--area-option-height) * 7);overflow-block:auto;z-index:var(--area-z-index);margin-block-start:var(--spacing);margin-inline-start:calc(var(--spacing)*-1);padding:var(--spacing);background-color:var(--color-bg);border:var(--area-border-width) solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}&:not(:focus-within) [role=listbox]{display:none}[role=option]{display:flex;align-items:center;gap:var(--spacing);max-inline-size:100%;margin-inline:0;padding-inline:calc(var(--spacing)*2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);line-height:var(--area-option-height);cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);+&{margin-block-start:var(--spacing)}&:hover{color:var(--color-text);background-color:var(--color-bg-muted)}&[aria-selected=true]{background-color:var(--color-bg-accent-tint);color:var(--color-text-accent)}& img{inline-size:var(--area-img-size);block-size:var(--area-img-size)}& svg{inline-size:var(--area-icon-size);block-size:var(--area-icon-size);fill:currentcolor}}.ProseMirror-gapcursor{margin-block-start:var(--flow-space)!important;&:after{position:static!important;border-color:var(--color-text)!important}}}rich-text-toolbar{position:absolute;padding:var(--spacing);gap:var(--spacing);background-color:var(--color-bg);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border);transition:opacity .15s var(--ease-in-out);&:is(:empty,:not([visible],:popover-open)){display:none;opacity:0}&:is([visible],:popover-open){display:inline-flex;opacity:1}& button[data-command=removeAttachment]:disabled,details[data-dialog]:not([open]),details[data-dialog] summary{display:none}.toolbar-group{display:flex;gap:var(--spacing);&:before{content:"";margin-block:var(--spacing);border-color:var(--color-border-muted);border-inline-start-width:var(--area-border-width)}&:first-child:before{display:none}}.link-dialog{position:absolute;inset:0;display:flex;align-items:center;gap:calc(var(--spacing)*1);padding:calc(var(--spacing)*1);border-radius:var(--radius-sm);background-color:var(--color-bg)}.link-input{display:flex;align-items:center;inline-size:100%;font-size:var(--text-sm);background-color:transparent;border:none;outline:none;&:focus{border:none;outline:none}}}:is(rich-text-toolbar,rich-text-actionbar) [type=button]:not(:is(.dropdown__menu) [type=button]){--button-text: var(--color-text-muted);--button-bg: transparent;display:inline-flex;align-items:center;color:var(--button-text);justify-content:center;min-inline-size:var(--area-button-size);block-size:var(--area-button-size);border-radius:var(--radius-sm);background-color:var(--button-bg);&:hover{--button-text: var(--color-text);--button-bg: color-mix(in srgb, var(--color-neutral) 5%, transparent)}&:focus{outline:none}&:focus-visible{outline:var(--color-accent) solid var(--area-outline-width);outline-offset:0}&[aria-pressed=true]{--button-bg: color-mix(in srgb, var(--color-accent) 10%, transparent);--button-text: var(--color-text-accent);&:hover{--button-bg: color-mix(in srgb, var(--color-accent) 15%, transparent)}}&:disabled{--button-bg: transparent;opacity:.5;cursor:not-allowed;pointer-events:none}}rich-text-actionbar{display:grid;grid-template-columns:1fr auto;align-items:end;gap:var(--spacing);padding-block:var(--spacing);position:sticky;inset-block-end:0;background-color:var(--color-bg);@media(hover)and (pointer:fine){transition:var(--area-transition);opacity:0;rich-text-area:hover &,rich-text-area:focus-within &{opacity:1}}.actionbar-group{display:flex;align-items:center;gap:var(--spacing);&.--end{grid-column:2}&.--attachments{:where(*:is([attachments-disabled])) &{display:none}}}}rich-text-attachment{--attachment-border-width: var(--border-width-default);--attachment-outline-width: var(--border-width-md);--attachment-transition: opacity var(--transition-duration) var(--ease-in-out);--attachment-icon-size: calc(var(--spacing)*4);position:relative;display:block;cursor:pointer;border-radius:var(--radius-sm);&.ProseMirror-selectednode a{outline:var(--attachment-outline-width) solid var(--color-accent);outline-offset:var(--attachment-outline-width)}& a{display:flex;gap:var(--spacing);margin-inline:auto;font-size:var(--text-sm);font-weight:var(--font-weight-normal);border-radius:var(--radius-sm);rich-text-area &{cursor:default;pointer-events:none}}& span{inline-size:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-grow:1}& progress{position:absolute;inset-inline-start:0;inset-block-end:calc(var(--spacing)*2);inline-size:100%;block-size:var(--spacing);padding-inline:calc(var(--spacing)*2);z-index:1;[type=image] &{inset-block-end:50%}&::-webkit-progress-bar{border-radius:var(--radius-sm);background-color:var(--color-bg)}&::-webkit-progress-value{border-radius:var(--radius-sm);background-color:var(--color-text-accent)}}&[type=image]{inline-size:100%;max-inline-size:var(--container-4xl);& a{position:relative;display:inline-flex;flex-direction:column;align-items:center;inline-size:auto}& img{border-radius:var(--radius-sm);max-block-size:var(--container-3xl);max-inline-size:100%;inline-size:100%}}&:not([sgid],[type=image]) a{padding-block-end:calc(var(--spacing)*6)!important;color:var(--color-text-subtle)}&[type=image]:not([sgid]) a{opacity:.2}&:not([contenteditable]) [target]{&:before{content:"";position:absolute;inset-block-start:var(--spacing);inset-inline-end:var(--spacing);inline-size:calc(var(--attachment-icon-size) * 2);block-size:calc(var(--attachment-icon-size) * 2);opacity:0;transition:var(--attachment-transition);box-shadow:var(--shadow-xs);border-width:var(--attachment-border-width);border-color:var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg)}&:after{content:"";position:absolute;inset-block-start:calc(var(--spacing)*3);inset-inline-end:calc(var(--spacing)*3);inline-size:var(--attachment-icon-size);block-size:var(--attachment-icon-size);opacity:0;transition:var(--attachment-transition);background-color:var(--color-text-muted);mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20256%20256'%3e%3crect%20width='256'%20height='256'%20fill='none'/%3e%3cpolyline%20points='216%20104%20215.99%2040.01%20152%2040'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3cline%20x1='136'%20y1='120'%20x2='216'%20y2='40'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3cpath%20d='M184,136v72a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V80a8,8,0,0,1,8-8h72'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3c/svg%3e") no-repeat center}&:hover,&:focus{&:before,&:after{opacity:1}}}&:not([contenteditable]) [download]:after{content:"";align-self:center;inline-size:var(--attachment-icon-size);block-size:var(--attachment-icon-size);flex-shrink:0;background-color:var(--color-text-subtle);mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20256%20256'%3e%3crect%20width='256'%20height='256'%20fill='none'/%3e%3cline%20x1='128'%20y1='144'%20x2='128'%20y2='32'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3cpolyline%20points='216%20144%20216%20208%2040%20208%2040%20144'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3cpolyline%20points='168%20104%20128%20144%2088%20104'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3c/svg%3e") no-repeat center}}:is(rich-text-attachment[type=file],.form-attachments-list) :is(a,li){padding-block:calc(var(--spacing)*2.5);padding-inline:calc(var(--spacing)*2);border:var(--attachment-border-width) solid var(--color-border);color:var(--color-text);background-color:var(--color-border-subtle);&:before{content:"";inline-size:calc(var(--spacing)*5);block-size:calc(var(--spacing)*5);flex-shrink:0;background-color:currentcolor;opacity:.5;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20256%20256'%3e%3crect%20width='256'%20height='256'%20fill='none'/%3e%3cpath%20d='M200,224H56a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h96l56,56V216A8,8,0,0,1,200,224Z'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3cpolyline%20points='152%2032%20152%2088%20208%2088'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3c/svg%3e") no-repeat center}}rich-text-prompt{display:grid;grid-template-columns:auto 1fr auto;column-gap:var(--spacing);&:before{grid-column:1}>*{grid-column:2}>button{grid-column:3;margin:0;#setting-template-content &,.templates__content-body &{display:none!important}}& *+*{margin-block-start:var(--flow-space)}>div{outline:none;margin-block-start:var(--spacing)}&:not([busy]){padding:calc(var(--spacing)*2);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border);background-color:var(--color-bg-hover);&:before{content:"";inline-size:calc(var(--spacing)*5);block-size:calc(var(--spacing)*5);background-color:var(--color-accent);margin-block-start:calc(var(--spacing)*1.5);mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20256%20256'%3e%3crect%20width='256'%20height='256'%20fill='none'/%3e%3cpolygon%20points='160%2016%20144%2096%20208%20120%2096%20240%20112%20160%2048%20136%20160%2016'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3c/svg%3e") no-repeat center}&:has(>div>:only-child>br:only-child):after{content:"Summarize check-ins, goal updates, activity, etc.";position:absolute;margin:var(--spacing) calc(var(--spacing)*7);color:var(--color-text-subtle);cursor:text}}&[busy] .loading:before{content:"";inline-size:calc(var(--spacing)*5);block-size:calc(var(--spacing)*5);background-color:var(--color-accent);margin-inline-end:calc(var(--spacing)*2);mask:url("data:image/svg+xml,%3csvg%20class='animate-spin'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20256%20256'%3e%3crect%20width='256'%20height='256'%20fill='none'/%3e%3cline%20x1='128'%20y1='32'%20x2='128'%20y2='64'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3cline%20x1='195.88'%20y1='60.12'%20x2='173.25'%20y2='82.75'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3cline%20x1='224'%20y1='128'%20x2='192'%20y2='128'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3cline%20x1='195.88'%20y1='195.88'%20x2='173.25'%20y2='173.25'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3cline%20x1='128'%20y1='224'%20x2='128'%20y2='192'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3cline%20x1='60.12'%20y1='195.88'%20x2='82.75'%20y2='173.25'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3cline%20x1='32'%20y1='128'%20x2='64'%20y2='128'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3cline%20x1='60.12'%20y1='60.12'%20x2='82.75'%20y2='82.75'%20fill='none'%20stroke='currentColor'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='16'/%3e%3c/svg%3e") no-repeat center;animation:var(--animate-spin)}&.ProseMirror-selectednode{outline:var(--border-width-md) solid var(--color-accent)}}}@layer components{.select{display:flex;margin-block-end:0;inline-size:100%;block-size:calc(var(--spacing)*11);appearance:none;border-radius:var(--radius-sm);background:transparent!important;color:var(--text);border:var(--border-width-default) solid var(--border);transition:var(--transition-colors) var(--transition-duration) var(--ease-in-out);&:focus{border-color:var(--border);outline:var(--border-width-md) solid var(--outline);outline-offset:0}@supports (appearance: base-select){:where(.goal-status-warning,.goal-status-danger) & option:checked{color:var(--text)!important;background-color:var(--bg)!important}}}.select-summary{position:relative;background:none;color:currentcolor;>select{appearance:none;padding-inline:var(--spacing) calc(var(--spacing)*5);border-radius:var(--radius-sm);&:focus{outline:none}&:focus-visible{outline:var(--border-width-default) solid var(--color-accent)}}&:after{--size: calc(var(--spacing)*4);content:"";display:block;position:absolute;inset-inline-end:calc(var(--spacing)*.5);inset-block-start:50%;scale:.75;translate:0 -50%;rotate:90deg;block-size:var(--size);inline-size:var(--size);color:currentcolor;background-color:var(--color-text-accent);clip-path:polygon(35% 0,80% 50%,35% 100%,28% 93%,62% 55%,66% 50%,66% 50%,62% 45%,28% 7%)}}.select-wrapper{position:relative;display:grid;align-items:center;grid-template-columns:1fr;grid-template-rows:1fr;:is(.field,select){grid-column-start:1;grid-row-start:1;background:none}&:after{--size: calc(var(--spacing)*4);content:"";grid-column-start:1;grid-row-start:1;justify-self:end;margin-inline-end:var(--size);block-size:var(--size);inline-size:var(--size);transform:rotate(90deg);color:currentcolor;background-color:var(--border);clip-path:polygon(35% 0,80% 50%,35% 100%,28% 93%,62% 55%,66% 50%,66% 50%,62% 45%,28% 7%)}}}@layer components{.segment-control{display:inline-flex;align-items:center;border-radius:var(--radius-md);position:relative}.segment-control__list{display:flex;align-items:center;gap:var(--spacing);block-size:calc(var(--spacing)*10);padding:var(--spacing) 0}.segment-control__list-item{min-inline-size:0;flex-shrink:0;block-size:100%;@media(min-width:640px){min-inline-size:2rem}@media(min-width:1024px){min-inline-size:0}.segment-control__overflow &{inline-size:100%}}.segment-control__trigger{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);block-size:calc(var(--spacing)*8);inline-size:calc(var(--spacing)*8);margin-inline-start:var(--spacing);color:var(--color-text-muted);background-color:transparent;@media(hover)and (pointer:fine){&:hover{color:var(--color-text);background-color:var(--color-bg-muted)}}.segment-control__overflow[open] &{background-color:var(--color-bg-muted)}}.segment-control__item{display:flex;align-items:center;gap:calc(var(--spacing)*2);block-size:100%;padding:var(--spacing) calc(var(--spacing)*2);border-radius:var(--radius-sm);color:var(--color-text-muted);background-color:transparent;font-weight:var(--font-weight-medium);font-size:var(--text-sm);@media(hover)and (pointer:fine){&:hover{color:var(--color-text);background-color:var(--color-bg-muted)}}.segment-control__list-item[aria-current=true] &,.segment-control__list>.segment-control__list-item:only-child &{color:var(--color-text-accent);background-color:var(--color-bg-accent-tint);cursor:default}}.segment-control__item-label{max-inline-size:calc(var(--spacing)*52);.segment-control__overflow[open] &{max-inline-size:100%}}.segment-control__overflow{[data-segment-control-overflow-count-value="0"] &{display:none}@media(min-width:640px){position:relative}}.segment-control__overflow-list{display:flex;flex-direction:column;gap:var(--spacing);position:absolute;inline-size:min-content;max-inline-size:calc(var(--spacing)*48);min-inline-size:calc(var(--spacing)*48);max-block-size:calc(var(--spacing)*96);margin-block-start:calc(var(--spacing)*2);padding:var(--spacing);background-color:var(--color-bg);border-radius:var(--radius-md);border:var(--border-width-default) solid var(--color-border);box-shadow:var(--shadow-lg);overflow-block:auto;inset-inline:auto 0;[data-segment-control-count-value="1"] &{inset-inline:0 auto}@media(min-width:640px){max-inline-size:calc(var(--spacing)*52);[data-segment-control-count-value="2"] &{inset-inline:50% auto;transform:translate(-50%)}}}}@layer components{.status-activities,.user-activities{display:flex;flex-direction:column;gap:calc(var(--spacing)*.5);padding-block-start:0;margin-block-start:calc(var(--spacing)*2.5);h4+&{margin-block-start:0}}.status-activities__details{&[open]{>summary>svg{transform:rotate(90deg)}}>summary{display:flex;align-items:flex-start;gap:var(--spacing);margin-inline-start:-.2rem;cursor:pointer;>div{display:flex;align-items:flex-start;gap:calc(var(--spacing)*1.5);line-height:var(--leading-snug)}& svg{inline-size:calc(var(--spacing)*4);position:relative;inset-block-start:calc(var(--spacing)*.5);margin-block-start:var(--border-width-default)}}}.status-activities__list{margin-block:var(--spacing) calc(var(--spacing)*1.5);list-style-type:disc;>li{overflow-wrap:break-word;margin-inline-start:calc(var(--spacing)*4);@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none){margin-inline-start:calc(var(--spacing)*5)}@media(hover)and (pointer:fine){&:hover svg{opacity:1}}& input[type=checkbox]{position:absolute;visibility:hidden;inline-size:0;block-size:0;opacity:0;&:not(:checked){+span{~.activity-hide{display:inline}~.activity-show{display:none}}}&:checked{+span{text-decoration-line:line-through;~.activity-hide{display:none}~.activity-show{display:inline}}}}& span{padding-inline-end:calc(var(--spacing)*5)}& label{margin-inline-start:calc(var(--spacing)*-4);color:var(--color-text-muted);@media(hover)and (pointer:fine){&:hover{color:currentcolor}}&:focus{color:currentcolor}>svg{inline-size:calc(var(--spacing)*4);display:inline-block;vertical-align:text-bottom;transition:opacity var(--transition-duration);@media(min-width:768px){opacity:0}}}}}.status-content{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing)*3);margin-block-start:var(--spacing);&.--grid{@media(min-width:768px){grid-template-columns:repeat(3,1fr)}@media(min-width:1024px){grid-template-columns:1fr}@media(min-width:1280px){grid-template-columns:repeat(3,1fr)}}}.status-content__response{display:flex;flex-direction:column;gap:var(--spacing);border-inline-start-width:var(--border-width-md);margin-inline-start:calc(var(--spacing)*.5);padding-inline-start:calc(var(--spacing)*3);border-color:color-mix(in srgb,var(--color-text-subtle) 75%,transparent);[data-completed=true] &{border-color:var(--color-bg-success)}&.--summary{padding:calc(var(--spacing)*3);padding-inline-start:calc(var(--spacing)*3.5);border-inline-start-width:var(--border-width-md);background-color:var(--color-bg-muted)}}.status-content__response-header{display:flex;align-items:center;gap:var(--spacing);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);color:var(--color-text-muted);[data-completed=true] &{color:var(--color-text-success)}.--summary &{display:inline-flex;.highlight{inline-size:fit-content;padding-inline:calc(var(--spacing)*1.5);padding-block:var(--border-width-default);font-size:var(--text-sm);color:light-dark(oklch(from var(--color-highlight) var(--700)),oklch(from var(--color-highlight) var(--200)));background-color:light-dark(oklch(from var(--color-highlight) 99% .1 h / 80%),oklch(from var(--color-highlight) var(--300) / 10%));border-radius:var(--border-radius-full);font-weight:var(--font-weight-normal)}}& svg{inline-size:calc(var(--spacing)*4)}}.status-content__response-streak{display:flex;gap:calc(var(--spacing)*.5);padding-inline:calc(var(--spacing)*.5) calc(var(--spacing)*1.5);padding-block:calc(var(--spacing)*.5);font-size:var(--text-xs);font-weight:var(--font-weight-medium);background-color:var(--color-bg-success-tint);border-radius:var(--border-radius-full)}.status-content__response-placeholder{display:flex;flex-direction:column;gap:var(--spacing);>div{display:block;block-size:calc(var(--spacing)*3);background-color:var(--color-bg-muted);border-radius:var(--radius-sm)}}.status-content__footer{display:flex;align-items:center;justify-content:space-between;margin-block-start:var(--spacing)}.status-content__footer-text{display:flex;align-items:center;gap:var(--spacing);font-size:var(--text-sm);font-weight:var(--font-weight-normal);color:var(--color-text-muted);>svg{inline-size:calc(var(--spacing)*4)}}.status-progress{color:light-dark(var(--color-white),var(--color-bg-accent));&.--completed{color:var(--color-bg-accent)}.track{fill:var(--color-white);opacity:.15;.--completed &{fill:var(--color-bg-muted)}}.check{fill:var(--color-white);opacity:.5;.--completed &{fill:var(--color-bg-accent);opacity:1}}.progress{inline-size:calc(var(--spacing)*5);block-size:calc(var(--spacing)*5);background:conic-gradient(currentcolor var(--progress),transparent var(--progress) 100%)}}.status-report-days{display:flex;gap:var(--spacing);margin-block-end:var(--spacing);>*{inline-size:100%}& input{display:none}:not(:checked)+label{color:var(--color-text-accent);background-color:transparent}}}@layer components{.credits-selector{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;>li{display:contents}& label{position:relative;display:flex;align-items:center;gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*4);background-color:transparent;transition-property:background-color;transition-duration:var(--transition-duration);cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);&:has(input[type=radio]:checked){background-color:var(--color-bg-accent-tint);color:var(--color-text-accent)}@media(hover)and (pointer:fine){&:hover{background-color:var(--color-bg-muted)}}}& input[type=radio]{appearance:none;inline-size:calc(var(--spacing)*5);block-size:calc(var(--spacing)*5);border:var(--border-width-md) solid var(--color-border);border-radius:var(--border-radius-full);flex-shrink:0;background-color:var(--color-bg);cursor:pointer;transition-property:border-color,background-color;transition-duration:var(--transition-duration);position:relative;&:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);inline-size:calc(var(--spacing)*2.5);block-size:calc(var(--spacing)*2.5);background-color:var(--color-white);border-radius:var(--border-radius-full);opacity:0;transition:opacity var(--transition-duration)}&:checked{border-color:var(--color-accent);background-color:var(--color-accent);&:after{opacity:1}}}& span:first-of-type{flex:1;min-inline-size:0;display:flex;align-items:center;gap:calc(var(--spacing)*2);text-align:start}& small{display:none;font-size:var(--text-sm);font-weight:var(--font-weight-normal);@media(min-width:640px){display:inline-flex}}}.credits-selector__amount{flex:1;min-inline-size:0;display:flex;align-items:center;gap:calc(var(--spacing)*2)}.credits-selector__bonus{display:none;font-size:var(--text-sm);font-weight:var(--font-weight-normal);@media(min-width:640px){display:inline-flex}}.credits-summary{margin-block-start:calc(var(--spacing)*6);padding:calc(var(--spacing)*6);border-radius:var(--radius-lg);background-color:var(--color-bg-muted);& ul{display:flex;flex-direction:column;gap:calc(var(--spacing)*1);font-size:var(--text-sm);color:var(--color-text);list-style:none;margin:0;padding:0;& li{display:flex;align-items:center;gap:calc(var(--spacing)*2)}& svg{inline-size:calc(var(--spacing)*4);block-size:calc(var(--spacing)*4);color:var(--color-text-mood);flex-shrink:0}}}}@layer components{.summarize-button{display:flex;flex-grow:1;@media(hover)and (pointer:fine){opacity:0;transition:opacity var(--transition-duration) var(--ease-in-out);rich-text-area:is(:focus-within,:hover,:has([data-completed=true],[disabled])) &{opacity:1}}>button{font-size:var(--text-sm);text-align:center;font-weight:var(--font-weight-medium);block-size:calc(var(--spacing)*8);min-inline-size:calc(var(--spacing)*8);inline-size:auto;padding:0 var(--spacing);&:not([data-completed=true])~[data-feedback]{display:none}}}.summarize-button__label{display:none;align-items:center;justify-content:center;line-height:1;padding-inline-end:var(--spacing);gap:calc(var(--spacing)*.5);button[disabled]>&.--processing{display:flex}button:not([disabled])>&.--default{display:flex}}.summarize-button__icon{color:var(--color-text-accent)}}@layer components{.support-pane__button{position:fixed;z-index:40;display:flex;align-items:center;inline-size:calc(var(--spacing)*20);gap:calc(var(--spacing)*1);padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*2) calc(var(--spacing)*3);inset-block-end:calc(var(--spacing)*6);inset-inline-end:calc(var(--spacing)*6);border-radius:var(--radius-3xl);background-color:var(--color-accent);font-weight:var(--font-weight-semibold);color:var(--color-white);box-shadow:var(--shadow-lg);transition-property:var(--transition-property-default);transition-duration:var(--transition-duration-default);transition-timing-function:var(--transition-timing-function-default);&:hover,&:active{box-shadow:var(--shadow-xl)}&.--desktop-only{display:none;@media(min-width:1024px){display:flex}}}}@layer components{.form-switch-label{position:relative;display:flex;align-items:flex-start;margin-block-end:calc(var(--spacing)*2);font-weight:var(--font-weight-medium);white-space:nowrap}.form-switch-checkbox{--switch-bg: light-dark(oklch(from var(--color-neutral) var(--200)), oklch(from var(--color-neutral) var(--600)));--switch-border: transparent;--switch-outline: transparent;--switch-pill: var(--color-white);appearance:none;position:relative;inline-size:calc(var(--spacing)*11);block-size:calc(var(--spacing)*6);background-color:var(--switch-bg);margin-inline-end:calc(var(--spacing)*3);transition:var(--transition-colors) .2s var(--ease-in-out);border:var(--border-width-md) solid var(--switch-border);border-radius:var(--border-radius-full);outline:var(--border-width-md) solid var(--switch-outline)!important;outline-offset:var(--border-width-md);cursor:pointer;background-image:none!important;&:after{content:"";position:absolute;background-color:var(--switch-pill);box-shadow:var(--shadow);border-radius:100%;block-size:calc(var(--spacing)*5);inline-size:calc(var(--spacing)*5);transition:all var(--transition-duration) var(--ease-in-out)}&:focus-visible{--switch-outline: var(--color-accent)}&:checked{--switch-bg: var(--color-accent);background-color:var(--switch-bg);&:after{transform:translate(100%)}}&.form-switch-checkbox-success{--switch-outline: var(--color-text-success);&:checked{--switch-bg: var(--color-text-success)}}&:disabled{opacity:.5;cursor:default;pointer-events:none}}}@layer components{.table{min-inline-size:100%;:is(th,td):first-child{padding-inline-start:0}:is(th,td):last-child{padding-inline-end:0}:where(th,td){padding:calc(var(--spacing)*4);text-align:start}& th{font-weight:var(--font-weight-semibold);color:var(--color-text-muted);border-block-end:var(--border-width-default) solid var(--color-border-muted);.--sortable &{&:hover{cursor:pointer}}}&.--tight{:where(th,td){padding:calc(var(--spacing)*2)}}&.--right-aligned{inline-size:100%;table-layout:auto;:where(th,td):not(:first-child){text-align:end}}}.table-scroll-x{overflow-inline:auto;>table{inline-size:100%;white-space:nowrap;:is(th,td):first-child{z-index:1;position:sticky;inset-inline-start:0;background-color:var(--color-bg)}}}}@layer components{.tabs{& nav{display:flex;margin-block-end:-1px;gap:calc(var(--spacing)*8);white-space:nowrap;:is(a,[role=tab]){--tabs-text: light-dark(var(--color-neutral), oklch(from var(--color-neutral) var(--400)));--tabs-text-hover: light-dark( oklch(from var(--color-neutral) var(--700)), oklch(from var(--color-neutral) var(--300)) );--tabs-border: transparent;--tabs-border-hover: light-dark( oklch(from var(--color-neutral) var(--300)), oklch(from var(--color-neutral) var(--400)) );inline-size:auto;padding-inline:var(--spacing);padding-block:calc(var(--spacing)*4);font-weight:var(--font-weight-medium);color:var(--tabs-text)!important;border-block-end:var(--border-width-md) solid var(--tabs-border);white-space:nowrap;border-radius:0;@media(hover)and (pointer:fine){&:hover{color:var(--tabs-text-hover);border-color:var(--tabs-border-hover)}}&:not([hidden]){display:inline-flex;align-items:center}&:is([aria-current],[aria-selected=true]){--tabs-text: var(--color-text-accent);--tabs-border: var(--color-accent);--tabs-border-hover: var(--color-accent)}}}&:not(.--scrollable,.--simple){scroll-margin:calc(var(--spacing)*6);@media(min-width:640px){border-block-end:var(--border-width-default) solid var(--color-border-muted)}& nav{display:none;@media(min-width:640px){display:block}}& select{@media(min-width:640px){display:none}}}&.--scrollable{--tabs-offset: calc(var(--spacing)*6);inline-size:--spacing(screen);margin-inline:calc(var(--tabs-offset) * -1);overflow:auto hidden;border-block-end:var(--border-width-default) solid var(--color-border-muted);@media(min-width:640px){inline-size:100%;margin-inline:0;overflow:visible}& nav{padding-inline:var(--tabs-offset);inline-size:min-content;@media(min-width:640px){padding-inline:0}}& a{text-align:center}}}}@layer components{.tag{--tag-text: var(--color-text-link);--tag-bg: var(--color-bg);--tag-border: var(--color-border);--tag-icon: oklch(from var(--color-neutral) var(--400));display:inline-flex;align-items:center;padding-inline:calc(var(--spacing)*3);padding-block:var(--border-radius-default);font-weight:var(--font-weight-normal);transition-property:var(--transition-colors),box-shadow;transition-duration:var(--transition-duration);transition-timing-function:var(--ease-in-out);border-radius:var(--border-radius-full);color:var(--tag-text);background-color:var(--tag-bg);border:var(--border-width-default) solid var(--tag-border);&:focus{--tag-text: var(--color-text-link-hover)}@media(hover)and (pointer:fine){&:hover{box-shadow:var(--shadow);cursor:pointer}}&:disabled{opacity:.5;pointer-events:none}}.tag__icon{inline-size:calc(var(--spacing)*4);block-size:calc(var(--spacing)*4);margin-inline:var(--spacing) calc(var(--spacing)*-1);color:var(--tag-icon)!important}}@layer components{.templates{display:grid;gap:calc(var(--spacing)*8);max-block-size:80dvh;@media(min-width:768px){max-block-size:calc(var(--spacing) * 108);grid-template-columns:1fr 1.4fr}}.templates__nav{block-size:100%;max-block-size:calc(var(--spacing)*36);overflow-block:auto;scrollbar-gutter:stable;border-block:var(--border-width-default) solid var(--color-border-muted);padding-inline-end:calc(var(--spacing)*4);@media(min-width:768px){max-block-size:inherit;border-block-width:0;border-inline-end:var(--border-width-default) solid var(--color-border-muted)}}.templates__nav-title{font-size:var(--text-sm);color:var(--color-text-subtle);padding-block:calc(var(--spacing)*2)}.templates__nav-list{font-size:var(--text-sm);display:flex;flex-direction:column;gap:var(--spacing);margin-block-end:calc(var(--spacing)*2);>li{position:relative;display:flex;align-items:center;justify-content:space-between;border-radius:var(--radius-sm);color:var(--color-text-muted);&:hover{color:var(--color-text);background-color:var(--color-bg-hover);cursor:pointer;:where(button){opacity:.5}}&:has([aria-current=true]){color:var(--color-text-accent);background-color:var(--color-bg-active)}}:is(a[href]){inline-size:100%;max-inline-size:calc(100% - var(--spacing) * 7);display:flex;align-items:center;gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*1.5);line-height:var(--leading-tight);color:inherit;background-color:transparent;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);transition-property:var(--transition-colors);transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-duration);outline-offset:calc(var(--spacing)*-.5)}:is(button){cursor:pointer;opacity:0;transition:opacity .2s ease-in-out;padding:calc(var(--spacing)*1.5);color:inherit;inline-size:min-content;outline-offset:calc(var(--spacing)*-.5);&:hover,&:focus{opacity:1}}}.templates__pane{display:flex;max-block-size:inherit}.templates__content{display:flex;flex-direction:column;gap:calc(var(--spacing)*4);inline-size:100%;>input{padding-inline:calc(var(--spacing)*.5)}>form{display:contents}}.templates__content-body{flex-grow:1;justify-content:unset!important;block-size:calc(var(--spacing)*64)!important;overflow:clip auto;@media(min-width:768px){block-size:calc(var(--spacing)*96)!important}&.--preview{background-color:var(--color-bg-hover);padding:calc(var(--spacing)*3);border-radius:var(--radius-sm);outline-color:var(--color-accent)}>:is(.markdown-body,[contenteditable],rich-text-actionbar){padding-inline:calc(var(--spacing)*.5)!important}}.templates__content-actions{display:flex;gap:calc(var(--spacing)*2);justify-content:space-between;>div{display:flex;gap:calc(var(--spacing)*2);&:last-child{display:none;@media(min-width:768px){display:flex}}}}.template-list__item{inline-size:100%;display:flex;justify-content:space-between;gap:calc(var(--spacing)*4);border-block-end:var(--border-width-default) solid var(--color-border-muted)}.template-list__link{flex-grow:1;max-inline-size:75%;display:flex;gap:calc(var(--spacing)*1);align-items:center;padding-block:calc(var(--spacing)*4);font-size:var(--text-sm);&:not(:hover){color:currentcolor}}.template-list__icon{inline-size:calc(var(--spacing)*4);flex-shrink:0}.template-list__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.template-list__actions{display:flex;gap:calc(var(--spacing)*1);align-items:center}.template-list__add{display:flex;gap:calc(var(--spacing)*1);padding-block:calc(var(--spacing)*4);font-size:var(--text-sm);&:not(:hover){color:currentcolor}}}@layer components{toast-notification{--toast-text: var(--color-white);--toast-bg: oklch(from var(--color-neutral) var(--800) / 80%);--toast-border: color-mix(in srgb, var(--color-white) 5%, transparent);--toast-transition-type: var(--ease-in-out);--toast-transition-speed: .1s;position:fixed;inset-block-start:calc(var(--spacing)*8);inset-inline:0;z-index:50;inline-size:fit-content;max-inline-size:var(--container-sm);margin-inline:auto;text-align:center;border-radius:var(--border-radius-full);padding-inline:calc(var(--spacing)*3);padding-block:var(--spacing);transition:all var(--toast-transition-type) var(--toast-transition-speed);font-size:var(--text-sm);color:var(--toast-text);background-color:var(--toast-bg);border:var(--border-width-default) solid var(--toast-border);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);display:inline-flex;gap:calc(var(--spacing)*3);align-items:center;box-shadow:var(--shadow-lg);transform:translateY(calc(var(--spacing)*-4));opacity:0;&[visible]{transform:translateY(0);opacity:1}}}@layer components{.toolbar{position:relative;z-index:10;display:flex;align-items:center;block-size:calc(var(--spacing)*12);gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*2);border-block-end:var(--border-width-default) solid var(--color-border-muted);background-color:var(--color-bg);border-start-start-radius:var(--radius-md);@media(min-width:768px){position:sticky;inset-block-start:0;z-index:20}}.toolbar__filters{display:flex;gap:calc(var(--spacing)*2);flex-grow:1}.toolbar__tools{display:flex;align-self:end;gap:calc(var(--spacing)*2)}}@layer components{.tooltip{--tooltip-text: var(--color-white);--tooltip-bg: oklch(from var(--color-neutral) var(--800));--tooltip-border: oklch(from var(--color-neutral) var(--700) / 50%);position:absolute;padding-inline:calc(var(--spacing)*1.5);padding-block:calc(var(--spacing)*.5);font-size:var(--text-sm);font-weight:var(--font-weight-normal);color:var(--tooltip-text);background-color:var(--tooltip-bg);border:var(--border-width-default) solid var(--tooltip-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-sm);pointer-events:none;inline-size:max-content;max-inline-size:calc(var(--spacing)*96);&.--fade{transition:var(--transition-opacity) .1s var(--ease-in-out)}}.tooltip__inner{position:relative}}@layer components{.upload{display:flex;align-items:center;gap:calc(var(--spacing)*4)}.upload__controls{display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--spacing)*1)}.upload__help{font-size:var(--text-sm);color:var(--color-text-muted)}.upload__error{font-size:var(--text-sm);color:var(--color-text-danger)}}@layer components{.user-avatar{position:relative;border-radius:100%}.user-avatar__link,.user-avatar__container{inline-size:100%;block-size:100%;background-color:var(--color-bg-muted);border-radius:100%;aspect-ratio:1 / 1}.user-avatar__link{box-shadow:var(--shadow-sm)}.user-avatar__image{inline-size:100%;block-size:100%;border-radius:100%;.user-avatar__link &{margin-inline-start:-1px}}.user-avatar__mood-emoji{position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:calc(var(--spacing)*4);block-size:calc(var(--spacing)*4);line-height:1;border-radius:100%;pointer-events:none;filter:drop-shadow(var(--drop-shadow-md))}.user-avatar__mood-indicator{position:absolute;inset-block-start:0;inset-inline-end:0;min-inline-size:1rem;min-block-size:1rem;inline-size:25%;block-size:25%;background-color:var(--color-bg);border-radius:100%;box-shadow:var(--shadow-md);&.--small{inline-size:33.333%;block-size:33.333%}}.user-avatar__mood-icon{transform:scale(.82)}}@layer layouts{.app{background-color:var(--color-bg);@media(min-width:768px){block-size:100vh;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto minmax(0,1fr);overflow-y:clip;background-color:var(--color-canvas)}}.app__header{grid-column:1 / span 2;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:calc(var(--spacing)*4);inset-block-start:0;block-size:calc(var(--spacing)*12);padding-inline:calc(var(--spacing)*2.5);z-index:20;@media(min-width:768px){padding-inline:calc(var(--spacing)*4);position:sticky;z-index:1}[data-platform=desktop-app] &{grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;app-region:drag;-webkit-user-select:none;user-select:none;:is(a,button,input,details){app-region:no-drag}}[data-platform=desktop-app][data-os=mac] &{padding-inline-start:calc(var(--spacing)*20)}}.app__history{display:none;color:currentcolor;[data-platform=desktop-app] &{display:flex}& svg{color:currentcolor;transition:color .1s ease}}.app__content{grid-row-start:3;grid-column-start:2;overflow-x:clip;transition:padding .2s ease;max-inline-size:100%;border-block-start:var(--color-border-muted) solid var(--border-width-default);background-color:var(--color-bg);@media(min-width:768px){block-size:100%;overflow-y:auto;position:sticky;inset-block-start:0;box-shadow:var(--shadow-2xl);border-inline-start:var(--color-border-muted) solid var(--border-width-default);border-start-start-radius:var(--radius-md)}}}@layer layouts{.card-layout{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;inline-size:100%;min-block-size:100vh;padding:calc(var(--spacing)*4);background-color:var(--color-bg)}.card-layout__background{position:fixed;inset:0;z-index:0;inline-size:100%;block-size:100%}.card-layout__header{position:relative;display:flex}.card-layout__logo{color:var(--color-text-accent);>svg{inline-size:calc(var(--spacing)*8);&.--statushero{inline-size:calc(var(--spacing)*16)}}}.card-layout__main{position:relative;display:flex;flex-direction:column;inline-size:100%;max-inline-size:32rem;gap:calc(var(--spacing)*4);padding:calc(var(--spacing)*8);margin-inline:auto;border:var(--border-width-default) solid var(--color-border-subtle);border-radius:var(--radius-sm);background-color:var(--color-bg);place-self:center}}@layer layouts{.chat-import__header{padding-block-end:calc(var(--spacing)*4);margin-block-end:calc(var(--spacing)*8);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);line-height:var(--leading-none);border-block-end:var(--border-width-default) solid var(--color-border-muted)}.chat-import__error{@media(min-width:1024px){inline-size:calc(100% / 12 * 8)}}.chat-import__error-message{margin-block-end:calc(var(--spacing)*4);font-weight:var(--font-weight-bold);color:var(--color-text-danger)}.chat-import__error-text{margin-block-end:calc(var(--spacing)*4)}.chat-import__error-actions{padding-block-start:calc(var(--spacing)*4);margin-block-start:calc(var(--spacing)*4);border-block-start:var(--border-width-default) solid var(--color-border-muted)}.chat-import__instructions{margin-block-end:calc(var(--spacing)*4);font-weight:var(--font-weight-bold)}.chat-import__search{inline-size:100%;@media(min-width:768px){inline-size:calc(100% / 12 * 4)}}.chat-import__search-wrapper{position:relative}.chat-import__search-label{position:absolute;inset-inline-end:0;padding:calc(var(--spacing)*3);color:var(--color-text-muted)}.chat-import__form{margin-block-start:calc(var(--spacing)*4);padding-block-start:calc(var(--spacing)*4);border-block-start:var(--border-width-default) solid var(--color-border-muted)}.chat-import__grid{display:grid;gap:calc(var(--spacing)*2);padding-block-end:calc(var(--spacing)*4);margin-block-end:calc(var(--spacing)*4);border-block-end:var(--border-width-default) solid var(--color-border-muted);@media(min-width:768px){grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:1024px){grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:1280px){grid-template-columns:repeat(4,minmax(0,1fr))}}.chat-import__member-label{display:flex;align-items:flex-start;gap:calc(var(--spacing)*2);margin-inline-start:calc(var(--spacing)*2)}.chat-import__member-checkbox{margin-block-start:calc(var(--spacing)*1)}}@layer layouts{.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing)*1);block-size:60vh;color:var(--color-text-muted);padding-inline:calc(var(--spacing)*4);& svg{inline-size:calc(var(--spacing)*8)}}.empty-state__message{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);&.--no-icon{margin-block-start:calc(var(--spacing)*16);font-size:var(--text-sm);font-weight:var(--font-weight-normal)}}}@layer layouts{.entity-layout{inline-size:100%}.entity-layout__toolbar{display:flex;flex-direction:column;gap:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4) calc(var(--spacing)*8);border-block:var(--border-width-default) solid var(--color-border-muted);@media(min-width:1024px){display:grid;grid-template-columns:1fr 1fr;align-items:center}}.entity-layout__search-wrapper{position:relative;margin-block-end:0}.entity-layout__search-label{position:absolute;inset-inline-end:0;padding:calc(var(--spacing)*3);color:var(--color-text-muted);& svg{inline-size:calc(var(--spacing)*4);block-size:calc(var(--spacing)*4)}}.entity-layout__add-button{& svg{inline-size:calc(var(--spacing)*4);block-size:calc(var(--spacing)*4);margin-inline-end:calc(var(--spacing)*1)}}.entity-layout__list-wrapper,.entity-layout__list{inline-size:100%;margin-block-end:calc(var(--spacing)*4)}.entity-layout__item{display:flex;align-items:center;justify-content:space-between;padding-block:calc(var(--spacing)*4);border-block-end:var(--border-width-default) solid var(--color-border-muted);@media(min-width:640px){gap:0 calc(var(--spacing)*4)}@media(min-width:768px){display:grid;grid-template-columns:auto 1fr 1fr auto}}.entity-layout__avatar{display:none;inline-size:auto;block-size:auto;flex-shrink:0;aspect-ratio:1 / 1;@media(min-width:640px){display:block}}.entity-layout__name-wrapper{inline-size:100%;min-inline-size:0;&.--breakable{word-wrap:break-word;overflow-wrap:break-word}}.entity-layout__heading{display:flex;gap:calc(var(--spacing)*1);font-weight:var(--font-weight-semibold);text-align:center;&.--inactive{color:var(--color-text-muted)}}.entity-layout__name{display:block;inline-size:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-layout__subtext{font-size:var(--text-sm);color:var(--color-text-muted);word-break:break-all;@media(min-width:768px){word-break:normal}}.entity-layout__metadata{display:none;color:var(--color-text-muted);@media(min-width:768px){display:inline}}.entity-layout__actions{display:flex;gap:calc(var(--spacing)*2);align-items:center;@media(min-width:768px){grid-column:-1}}}@layer layouts{.open-desktop-app{background-color:var(--color-canvas);block-size:100vh;inline-size:100vw}.open-desktop-app__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing)*1);block-size:60vh;color:var(--color-text-muted);padding-inline:calc(var(--spacing)*4)}.open-desktop-app__header{margin-block-end:calc(var(--spacing)*8);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);text-wrap:balance}}@layer layouts.layouts{.page-search{display:none;@media(min-width:640px){display:block}&[open] .page-search__trigger{display:none}}.page-search__wrapper{display:flex}.page-search__input{block-size:calc(var(--spacing)*8);margin-block-end:0;border-start-end-radius:0;border-end-end-radius:0}.page-search__cancel{inline-size:calc(var(--spacing)*8);flex-shrink:0;border-start-start-radius:0;border-end-start-radius:0;padding:0}}@layer layouts{.preferences-layout{background-color:var(--color-bg);padding:0;min-block-size:100%;@media(min-width:1024px){position:relative;display:grid;grid-template-columns:minmax(16rem,16vw) 1fr;align-items:start}&.--toolbar{min-block-size:calc(100% - 3rem)}>small-details{display:contents;>details{border-color:var(--color-border-muted);margin-block-end:calc(var(--spacing)*8);inset-block-start:0;.--toolbar &{inset-block-start:calc(var(--spacing)*12)}@media(min-width:768px){padding-block-start:calc(var(--spacing)*4);padding-inline:calc(var(--spacing)*6)}@media(min-width:1024px){grid-column-start:1;justify-content:start;inline-size:100%;position:sticky;padding-block-start:calc(var(--spacing)*8);margin-block-end:0}>summary{display:flex;gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*3);margin-block-end:calc(var(--spacing)*4);font-weight:var(--font-weight-medium);border-block-end:var(--border-width-default) solid var(--color-border-muted);border-radius:0;@media(min-width:768px){padding-inline:0}@media(min-width:1024px){display:none}@media(hover)and (pointer:fine){&:hover{cursor:pointer}}}& svg{inline-size:calc(var(--spacing)*6);block-size:calc(var(--spacing)*6);rotate:-90deg;[open] &{rotate:0deg}}}}}.preferences-nav{padding-inline:calc(var(--spacing)*2);margin-block-end:calc(var(--spacing)*12)}.preferences-nav__list{display:flex;flex-direction:column;>li a{display:block;margin-block-end:calc(var(--spacing)*2);padding:calc(var(--spacing)*2);font-weight:var(--font-weight-medium);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all .1s ease;@media(hover)and (pointer:fine){&:hover{color:var(--color-text);background-color:var(--color-bg-muted)}}&[aria-current=page]{color:var(--color-text-accent);background-color:var(--color-bg-accent-tint)}}}.preferences-content{padding-inline:var(--px-page);grid-column-start:2;@media(min-width:1024px){min-block-size:100%;border-inline-start:var(--border-width-default) solid var(--color-border-muted)}&.--wide{grid-column:1 / -1}}.preferences-content__inner{padding-block:calc(var(--spacing)*6) calc(calc(var(--spacing)*16) + env(safe-area-inset-bottom))}}@layer layouts.layouts{.profile-overview__avatar-wrapper{margin-block:calc(var(--spacing)*-2) 0;margin-inline:calc(var(--spacing)*-8)}.profile-overview__pattern{block-size:calc(var(--spacing)*20);margin-block-start:calc(var(--spacing)*-2);overflow:hidden}.profile-overview__avatar{position:relative;z-index:10;max-block-size:calc(var(--spacing)*28);border:var(--border-width-default) solid var(--color-canvas);&.--person{inline-size:calc(var(--spacing)*20);margin-block-start:calc(var(--spacing)*-12);inset-inline-start:calc(var(--spacing)*6)}&.--team{grid-column-start:1;grid-row-start:1;margin-block-start:calc(var(--spacing)*-10);inset-inline-start:calc(var(--spacing)*8);justify-self:start;background-color:var(--color-bg)}}.profile-overview__content{margin-block-start:calc(var(--spacing)*-6);display:flex;flex-direction:column;gap:calc(var(--spacing)*2)}.profile-overview__heading{display:flex;align-items:center;gap:calc(var(--spacing)*2);font-weight:var(--font-weight-semibold)}.profile-overview__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-overview__subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.profile-overview__bio{font-size:var(--text-sm)}.profile-overview__info-list{display:flex;flex-direction:column;gap:calc(var(--spacing)*1);font-size:var(--text-sm);color:var(--color-text-muted)}.profile-overview__info-item{display:flex;align-items:center;gap:calc(var(--spacing)*1);&.--start{align-self:start}}.profile-overview__icon{inline-size:calc(var(--spacing)*4);block-size:calc(var(--spacing)*4)}}@layer layouts{.setting{display:flex;flex-direction:column;gap:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*6);border-block-end:var(--border-width-default) solid var(--color-border-muted);&.--disabled{opacity:.5}&.--inline{@media(min-width:768px){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-content:space-between}}}.setting__header{display:flex;flex-direction:column;gap:calc(var(--spacing)*1)}.setting__label{font-size:var(--text-md);font-weight:var(--font-weight-medium)}.setting__help{margin-block-end:calc(var(--spacing)*2);font-size:var(--text-sm);color:var(--color-text-muted);text-wrap:balance}.setting__field{.setting.--inline &{@media(min-width:768px){display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:calc(var(--spacing)*2)}}>.btn{@media(min-width:640px){inline-size:auto}}}}@layer layouts{.setting-group{display:flex;flex-direction:column;margin-block:calc(var(--spacing)*2) calc(var(--spacing)*20);&:last-child{margin-block-end:0}}.setting-group__title{margin-block-end:calc(var(--spacing)*2);font-size:var(--text-xl);font-weight:var(--font-weight-semibold)}.setting-group__description{margin-block:calc(var(--spacing)*1) calc(var(--spacing)*4);font-size:var(--text-sm);color:var(--color-text-muted)}.setting-group__content{display:flex;flex-direction:column}}@layer layouts{.side-nav{--nav-bg: var(--color-bg);--nav-icon-size: calc(var(--spacing)*6);inline-size:100%;display:flex;flex-direction:column;justify-content:space-between;grid-column-start:1;grid-row:span 2;position:fixed;inset-block-end:0;z-index:100;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*2) calc(calc(var(--spacing)*2) + env(safe-area-inset-bottom));background-color:var(--nav-bg);flex-shrink:0;@media(min-width:768px){--nav-bg: transparent;inline-size:calc(var(--spacing)*14);block-size:100%;position:sticky;inset-block:0 auto;overflow-x:clip;z-index:auto;padding-block-start:var(--spacing)}@media(min-width:1280px){transition:inline-size var(--transition-duration) var(--ease-in-out)}}.side-nav__group{display:flex;align-items:stretch;justify-content:center;gap:calc(var(--spacing)*2);@media(min-width:768px){flex-direction:column;align-items:center;margin-block-end:calc(var(--spacing)*2)}}.side-nav__item{--nav-notification: var(--color-accent);--nav-unread: var(--color-accent);inline-size:100%;&:is([data-badge-count],[data-badge-unread]){position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;>a{grid-column:1;grid-row:1;justify-self:stretch}&:before,&:after{position:relative;border-radius:var(--border-radius-full);pointer-events:none;grid-column:1;grid-row:1}}&[data-badge-unread]:not([data-badge-unread=false]):before{display:block;content:"";inline-size:var(--spacing);block-size:var(--spacing);background-color:var(--nav-unread);inset-block-start:calc(var(--spacing)*-2.5);inset-inline-start:calc(var(--spacing)*-3.5);@media(min-width:768px){inset-block-start:calc(var(--spacing)*-2.5);inset-inline-start:calc(var(--spacing)*2.5)}}&[data-badge-count]:not([data-badge-count="0"]):after{display:flex;align-items:center;justify-content:center;content:attr(data-badge-count);padding:calc(var(--spacing)*.5) var(--spacing);background:var(--nav-notification);color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);font-variant-numeric:lining-nums tabular-nums;line-height:1;inset-block-start:calc(var(--spacing)*-2.5);inset-inline-start:calc(var(--spacing)*3);box-shadow:var(--shadow-sm);transform:scale(.9);@media(min-width:768px){inset-block-start:calc(var(--spacing)*2.5);inset-inline-start:calc(var(--spacing)*2.5)}}}.side-nav__item-state{.active &{rotate:180deg}}.side-nav__control{--nav-text: var(--color-text-accent);--nav-text-hover: light-dark(var(--color-text-accent), oklch(from var(--color-link) var(--300)));--nav-bg: transparent;--nav-bg-hover: var(--color-bg-accent-tint);@media(hover)and (pointer:fine){&:hover{--nav-text: var(--nav-text-hover);--nav-bg: var(--nav-bg-hover)}}&.active,.active>&{--nav-text: var(--color-text-accent);--nav-bg: var(--color-bg-accent-tint)}display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing)*2.5) calc(var(--spacing)*2);border-radius:var(--radius-sm);white-space:nowrap;color:var(--nav-text)!important;background-color:var(--nav-bg);&:focus-visible{--nav-text: var(--nav-text-hover);--nav-bg: var(--nav-bg-hover);outline:none}& svg{display:inline-flex;align-self:center;inline-size:var(--nav-icon-size);block-size:var(--nav-icon-size);flex-shrink:0;margin-inline-start:var(--border-width-default);@media(min-width:768px){--nav-icon-size: calc(var(--spacing)*5)}}}.side-nav__sub-control{--nav-text: var(--color-text-accent);justify-content:center;& svg{inline-size:var(--nav-icon-size)!important;block-size:var(--nav-icon-size)!important;color:var(--nav-text)}}.side-nav__title{display:none;inline-size:0;opacity:0;font-size:calc(var(--text-xs) * .9);letter-spacing:-.02em;font-weight:var(--font-weight-medium);transition:opacity var(--transition-duration) var(--ease-in-out);@media(min-width:1280px){body.nav-maximized &{inline-size:auto;opacity:1;overflow:hidden}}}}@layer layouts{.sidepane{--safe-padding-sm: calc(calc(var(--spacing)*16) + env(safe-area-inset-bottom));--safe-padding-lg: calc(calc(var(--spacing)*8) + env(safe-area-inset-bottom));@media(min-width:768px){position:relative;display:grid;grid-template-columns:1fr;align-items:stretch;block-size:100%;overflow-y:hidden}@media(min-width:1024px){grid-template-columns:1fr 24rem}@media(min-width:1536px){grid-template-columns:1fr minmax(24rem,24vw)}}.sidepane__primary{grid-column-start:1;grid-row-start:1;scroll-behavior:smooth;@media(min-width:768px){max-block-size:100%;overflow:clip auto;overscroll-behavior:none}@media(prefers-reduced-motion){scroll-behavior:auto}&.--toolbar{scroll-padding-block-start:calc(var(--spacing)*20)}}.sidepane__primary-content{container-type:inline-size;padding-inline:var(--px-page);padding-block:calc(var(--spacing)*8) var(--safe-padding-sm);box-sizing:content-box;@media(min-width:1024px){padding-block:calc(var(--spacing)*8) var(--safe-padding-lg)}&.--narrow{max-inline-size:var(--container-4xl);margin-inline:auto}&.--wide{min-block-size:calc(100% - 8rem);max-inline-size:var(--container-6xl);margin-inline:auto}&.--full{min-block-size:calc(100% - 8rem);max-inline-size:100%}&.--bleed{min-block-size:calc(100% - 3rem);max-inline-size:100%;padding-inline:0;padding-block:0 var(--safe-padding-sm);@media(min-width:1024px){padding-block:0}}}.sidepane__secondary{position:fixed;display:flex;flex-direction:column;block-size:100%;inline-size:100%;max-inline-size:90%;inset-block:0;inset-inline-end:0;gap:calc(var(--spacing)*8);padding-inline:calc(var(--spacing)*8);padding-block:calc(var(--spacing)*2) var(--safe-padding-sm);overflow:clip auto;z-index:50;background-color:var(--color-bg);border-inline-start:var(--color-border-muted) solid var(--border-width-default);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(var(--blur-xl));backdrop-filter:blur(var(--blur-xl));@media(min-width:1024px){padding-block-end:var(--safe-padding-lg)}@media(min-width:640px){max-inline-size:var(--container-md)}@media(min-width:768px){grid-column-start:1;grid-row-start:1;justify-self:end;position:sticky;inline-size:calc(var(--spacing)*96)}@media(min-width:1024px){grid-column-start:2;position:static;display:flex!important;justify-content:flex-start;inline-size:100%;max-inline-size:none;max-block-size:100%;padding-block-end:var(--safe-padding-lg);inset-block:auto;inset-inline-end:auto;z-index:auto;box-shadow:none}}}@layer layouts{.social{grid-column:1 / -1;position:relative;display:grid;grid-template-columns:minmax(0,auto) minmax(0,auto) minmax(0,1fr) minmax(0,auto);align-items:center;column-gap:calc(var(--spacing)*3);@media(min-width:768px){grid-column-start:2}@media print{display:none}>*:nth-last-child(2){grid-column:4 / span 1}>*:last-child{grid-column:1 / -1}&.--static{padding-block-start:calc(var(--spacing)*2);margin-block-start:calc(var(--spacing)*12);border-block-start:var(--border-width-default) solid var(--color-border-muted)}}.social__title{display:flex;align-items:center;gap:calc(var(--spacing)*.5);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);@media(min-width:640px){font-size:var(--text-sm)}& span{display:none;@media(min-width:640px){display:inline}}}.social__button{position:relative;z-index:auto;display:inline-flex;align-items:center;inline-size:auto;gap:calc(var(--spacing)*.5);padding-block:calc(var(--spacing)*2);font-size:var(--text-xs);cursor:pointer;color:var(--color-text-muted);@media(hover)and (pointer:fine){&:hover{color:currentcolor}}.is-static &{display:none}}[data-social-target=update]{transition:opacity var(--transition-duration) var(--ease-in-out);&.loading{pointer-events:none;opacity:.75}}.social__read-receipts{position:relative}.social__read-receipts-menu{inset-inline-start:0;inline-size:calc(var(--spacing)*64);padding:calc(var(--spacing)*3);padding-inline-end:calc(var(--spacing)*1);@media(min-width:768px){inline-size:calc(var(--spacing)*80)}}.social__read-receipts-empty{margin-block:calc(var(--spacing)*1);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.social__read-receipts-heading{margin-block-end:calc(var(--spacing)*2);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.social__reactions-menu{position:relative}.social__comments-toggle{display:none;&:checked~.social__comments-container{display:block}}.social__comments-container{display:none}.social__lazy-load{inline-size:100%;padding:calc(var(--spacing)*2);color:var(--color-text-muted)}}@layer layouts{.status-absence-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--spacing)*1);block-size:60vh;color:var(--color-text-muted);text-align:center;>svg{inline-size:calc(var(--spacing)*8)}}.status-absence-layout__heading{max-inline-size:var(--container-xs);font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}.status-absence-layout__actions{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing)*4);margin-block-start:calc(var(--spacing)*8)}}@layer layouts{.status-toggle-grid{display:grid;gap:calc(var(--spacing)*2);@media(min-width:640px){grid-template-columns:repeat(2,minmax(0,1fr))}}.status-toggle-grid__item{display:flex;align-items:center;gap:calc(var(--spacing)*2);padding:calc(var(--spacing)*2);border:var(--border-width-default) solid var(--color-border-muted);border-radius:var(--radius-lg);cursor:pointer}.status-toggle-grid__avatar{inline-size:calc(var(--spacing)*6);block-size:calc(var(--spacing)*6)}.status-toggle-grid__name{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.status-toggle-grid__checkbox{margin-inline-end:0}}@layer layouts{.zero-edge{display:flex;align-items:center;justify-content:center;padding-inline:var(--px-page);padding-block:calc(var(--spacing)*8);min-block-size:80vh;text-align:center;&.--in-content{min-block-size:50vh}}.zero-edge__content{align-self:center;max-inline-size:var(--container-xl);display:flex;flex-direction:column;gap:calc(var(--spacing)*4);align-items:center;.btn{inline-size:auto}}.zero-edge__header{font-size:var(--text-3xl);font-weight:var(--font-weight-semibold);text-wrap:balance}}@layer utilities{svg.pdots circle{transform-origin:center center;transform-box:fill-box;animation:pdots-bounce 1.4s infinite ease-in-out both;&.pdots__1{animation-delay:-.32s}&.pdots__2{animation-delay:-.16s}}.animate-grow{@supports not (view-transition-name: none){transform-origin:left center;animation:grow .5s ease-in-out forwards}}.bump{@media(min-width:640px){transform-origin:center center;animation:bump .15s ease-in-out forwards;animation-iteration-count:1}}@media(prefers-reduced-motion:no-preference){.animate-pulse{animation:var(--animate-pulse)}.animate-bounce{animation:var(--animate-bounce)}.animate-spin{animation:var(--animate-spin)}}@keyframes pdots-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes keyframes-ping{75%,to{opacity:0;transform:scale(2)}}@keyframes grow{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes bump{0%{transform:translate(.5rem) scale(1);opacity:0}50%{transform:scale(1.25);opacity:1}to{transform:translate(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}}@layer utilities{.border-collapse{border-collapse:collapse}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-l-none{border-start-start-radius:0;border-end-start-radius:0}.rounded-r-none{border-start-end-radius:0;border-end-end-radius:0}.border{border-style:solid;border-width:var(--border-width-default)}.border-t{border-block-start-style:solid;border-block-start-width:var(--border-width-default)}.border-b{border-block-end-style:solid;border-block-end-width:var(--border-width-default)}.border-l-2{border-inline-start-style:solid;border-inline-start-width:var(--border-width-md)}.border-none{border-style:none}}@layer utilities{.bg-inherit{background-color:inherit}.bg-none{background-image:none}.fill-current{fill:currentcolor}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow-none{box-shadow:none}.text-white{color:var(--color-white)}.text-success{color:var(--color-text-success)}.text-danger{color:var(--color-text-danger)}.text-warning{color:var(--color-text-warning)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-accent{color:var(--color-text-accent)}.text-subtle{color:var(--color-text-subtle);[data-theme=dark] &{color:var(--color-text-subtle)}}.bg-page{background-color:var(--color-bg)}.bg-canvas{background-color:var(--color-canvas)}.bg-muted{background-color:var(--color-bg-muted)}.bg-accent-vivid{background-color:var(--color-accent)}.bg-accent{background-color:var(--color-bg-accent)}.bg-accent-tint{background-color:var(--color-bg-accent-tint)}.bg-danger{background-color:var(--color-bg-danger)}.bg-danger-tint{background-color:var(--color-bg-danger-tint)}.bg-success{background-color:var(--color-bg-success)}.bg-subtle{background-color:var(--color-text-subtle)}.bg-success-tint{background-color:var(--color-bg-success-tint)}.bg-warning{background-color:var(--color-bg-warning)}.bg-warning-tint{background-color:var(--color-bg-warning-tint)}.border-bg{border-color:var(--color-bg)}.bg-hover{background-color:var(--color-bg-hover)}.border-default{border-color:var(--color-border)}.border-muted{border-color:var(--color-border-muted)}.border-hover{border-color:var(--color-border-hover)}.border-subtle{border-color:var(--color-border-subtle)}.border-danger{border-color:var(--color-bg-danger)}.border-success{border-color:var(--color-bg-success)}.border-warning{border-color:var(--color-bg-warning)}}@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.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}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.self-center{align-self:center}.cursor-pointer{cursor:pointer}.top-0\.5{inset-block-start:calc(var(--spacing)*.5)}.right-0{inset-inline-end:0}.rotate-180{rotate:180deg}@media(hover)and (pointer:fine){.hover\:cursor-pointer:hover{cursor:pointer}}@media(min-width:640px){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:inline-block{display:inline-block}.sm\:inline-flex{display:inline-flex}.sm\:w-auto{width:auto}}@media(min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline-block{display:inline-block}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline-block{display:inline-block}}}@layer utilities{.block-character{display:inline-block;inline-size:calc(var(--spacing)*3);block-size:calc(var(--spacing)*3);background-color:light-dark(oklch(from var(--color-neutral) var(--300)),oklch(from var(--color-neutral) var(--600)))}.button-group{display:flex;gap:calc(var(--spacing)*2);flex-direction:column;@media(min-width:768px){flex-direction:row;>*{inline-size:auto}}&.--grow-primary{>:first-child{flex-grow:.2}}&.--grow-all{>*{flex-grow:1}}&.--separated{@media(min-width:768px){justify-content:space-between}}}.container-page{padding-inline:var(--px-page);padding-block:calc(var(--spacing)*8);@media(min-width:768px){padding-block:calc(var(--spacing)*10)}}.disable-others:has(:disabled) button:not(:disabled){display:none}.draggable{app-region:drag}.field-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:calc(var(--spacing)*2)}.inline-form{display:grid;gap:calc(var(--spacing)*2);inline-size:100%;align-items:center;@media(min-width:768px){grid-template-columns:1fr auto}}.pt-traffic-light-safe{padding-block-start:var(--traffic-light-inset-top)}.px-page{padding-inline:var(--px-page)}}@layer utilities{.m-0{margin:0}.m-16{margin:calc(var(--spacing)*16)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-0{margin-block:0}.my-2{margin-block:calc(var(--spacing)*2)}.my-4{margin-block:calc(var(--spacing)*4)}.my-8{margin-block:calc(var(--spacing)*8)}.my-16{margin-block:calc(var(--spacing)*16)}.mt-0{margin-block-start:0}.mt-1{margin-block-start:calc(var(--spacing)*1)}.mt-2{margin-block-start:calc(var(--spacing)*2)}.mt-4{margin-block-start:calc(var(--spacing)*4)}.mt-8{margin-block-start:calc(var(--spacing)*8)}.mt-16{margin-block-start:calc(var(--spacing)*16)}.mr-1{margin-inline-end:calc(var(--spacing)*1)}.mr-2{margin-inline-end:calc(var(--spacing)*2)}.mr-4{margin-inline-end:calc(var(--spacing)*4)}.mr-8{margin-inline-end:calc(var(--spacing)*8)}.mb-0{margin-block-end:0}.mb-1{margin-block-end:calc(var(--spacing)*1)}.mb-2{margin-block-end:calc(var(--spacing)*2)}.mb-4{margin-block-end:calc(var(--spacing)*4)}.mb-6{margin-block-end:calc(var(--spacing)*6)}.mb-8{margin-block-end:calc(var(--spacing)*8)}.-ml-8{margin-inline-start:calc(var(--spacing)*-8)}.-ml-px{margin-inline-start:-1px}.ml-0{margin-inline-start:0}.ml-1,.ml-2{margin-inline-start:calc(var(--spacing)*1)}}@layer utilities{.p-0{padding:0}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-4{padding-block-start:calc(var(--spacing)*4)}.pt-8{padding-block-start:calc(var(--spacing)*8)}.pr-6{padding-inline-end:calc(var(--spacing)*6)}.pr-8{padding-inline-end:calc(var(--spacing)*8)}.pr-10{padding-inline-end:calc(var(--spacing)*10)}.pb-1{padding-block-end:calc(var(--spacing)*1)}.pb-4{padding-block-end:calc(var(--spacing)*4)}.pb-8{padding-block-end:calc(var(--spacing)*8)}.pb-16{padding-block-end:calc(var(--spacing)*16)}.pl-0{padding-inline-start:0}.pl-4{padding-inline-start:calc(var(--spacing)*4)}}@layer utilities{.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-inline:auto}.overflow-x-hidden{overflow-inline:hidden}.h-2{block-size:calc(var(--spacing)*2)}.h-4{block-size:calc(var(--spacing)*4)}.h-5{block-size:calc(var(--spacing)*5)}.h-6{block-size:calc(var(--spacing)*6)}.h-8{block-size:calc(var(--spacing)*8)}.h-12{block-size:calc(var(--spacing)*12)}.h-auto{block-size:auto}.h-full{block-size:100%}.min-h-8{min-block-size:calc(var(--spacing)*8)}.min-h-24{min-block-size:calc(var(--spacing)*24)}.min-h-64{min-block-size:calc(var(--spacing)*64)}.w-2{inline-size:calc(var(--spacing)*2)}.w-4{inline-size:calc(var(--spacing)*4)}.w-5{inline-size:calc(var(--spacing)*5)}.w-6{inline-size:calc(var(--spacing)*6)}.w-8{inline-size:calc(var(--spacing)*8)}.w-12{inline-size:calc(var(--spacing)*12)}.w-20{inline-size:calc(var(--spacing)*20)}.w-52{inline-size:calc(var(--spacing)*52)}.w-auto{inline-size:auto}.w-fit{inline-size:fit-content}.w-full{inline-size:100%}.w-max{inline-size:max-content}.max-w-2xl{max-inline-size:var(--container-2xl)}.max-w-6xl{max-inline-size:var(--container-6xl)}.max-w-full{max-inline-size:100%}.max-w-lg{max-inline-size:var(--container-lg)}.max-w-sm{max-inline-size:var(--container-sm)}.max-w-xl{max-inline-size:var(--container-xl)}.min-w-0{min-inline-size:0}.min-w-full{min-inline-size:100%}@media(min-width:768px){.md\:w-auto{inline-size:auto}}}@layer utilities{.text-center{text-align:center}.text-left{text-align:start}.text-right{text-align:end}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-lg{font-size:var(--text-lg)}.text-sm{font-size:var(--text-sm)}.text-xl{font-size:var(--text-xl)}.text-xs{font-size:var(--text-xs)}.leading-none{line-height:1}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.font-bold{font-weight:var(--font-weight-bold)}.font-medium{font-weight:var(--font-weight-medium)}.font-normal{font-weight:var(--font-weight-normal)}.font-semibold{font-weight:var(--font-weight-semibold)}.tracking-wide{letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-inherit{color:inherit}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-decimal{list-style-type:decimal}.list-none{list-style-type:none}.not-hover\:text-current:not(:hover){color:currentcolor}.not-hover\:text-inherit:not(:hover){color:inherit}}