@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 (width>=680px){--px-page:calc(var(--spacing) * 6)}--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)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;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;-webkit-text-decoration: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{vertical-align:baseline;font-size:75%;line-height:0;position:relative}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{vertical-align:middle;display:block}img,video{block-size:auto;max-inline-size:100%}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}: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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-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]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{block-size:auto}::-webkit-outer-spin-button{block-size:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:50ms}@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 (width>=680px){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 (width>=920px){&: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{inline-size:calc(var(--spacing) * 5);aspect-ratio:1;vertical-align:text-top;flex-shrink:0;display:inline-block}details summary::-webkit-details-marker{display:none}details>summary{list-style:none}[hidden]{display:none!important}[data-placeholder]:empty:before{content:attr(data-placeholder);color:currentColor;opacity:.5}:where([readonly],.read-only,[disabled],.disabled){opacity:.5}:is(ul,ol,blockquote,p,li,a)>code,pre{hyphens:none;font-size:90%;font-family:var(--font-mono);font-weight:var(--font-weight-normal);border-radius:var(--radius-sm);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,a)>code{padding-inline:var(--spacing);padding-block:calc(var(--spacing) * .5);margin-inline:var(--spacing);display:inline;rich-text-area &{margin-inline:0}}pre{padding:calc(var(--spacing) * 2);display:block}fragment-frame{display:block}relative-time{font-variant-numeric:tabular-nums}@media (scripting:enabled){relative-time:not(:defined){display:none}}}@layer libraries{.pagy-nav{gap:calc(var(--spacing) * 2);height:calc(var(--spacing) * 10);display:flex;& :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));height:100%;height:calc(var(--spacing) * 10);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);background-color:var(--bg);transition-property:var(--transition-colors);transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-duration);justify-content:center;align-items:center;display:flex;color:var(--text)!important}& :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){opacity:.5;height:100%;@media (hover) and (pointer:fine){&:hover{pointer-events:none}}}}.highcharts-root{--color-axis:var(--color-border-muted);inline-size:100%;display:block;& text{stroke-width:0}}.highcharts-anchor{cursor:pointer}.highcharts-background,.highcharts-plot-border,.highcharts-plot-background,.highcharts-label-box{fill:#0000}.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:#0000;.highcharts-state-hover &{stroke-width:5px}}.highcharts-empty-series{fill:#0000;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:#0000}.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:22px;fill:#0000}.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:#0000;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:#0000;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:#0000;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));cursor:default;pointer-events:none;white-space:nowrap;transition:stroke .15s;& text{font-size:var(--text-sm);fill:var(--color-text)}& .highcharts-header{font-size:var(--text-sm)}}.highcharts-tooltip-box{stroke:var(--color-border);stroke-width:1px;fill-opacity:1;fill:var(--color-bg)!important;& .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:#0000}.highcharts-data-label text,text.highcharts-data-label{fill:var(--color-neutral)!important}.highcharts-data-label-connector{fill:#0000}.highcharts-data-label-hidden{pointer-events:none}.highcharts-legend-box{stroke-width:0;fill:#0000}.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 *{opacity:.5;transition:fill .25s}.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:#0000!important}.highcharts-legend-title-box{fill:none;stroke-width:0}.highcharts-a11y-proxy-button{opacity:.001;z-index:999;cursor:pointer;background:0 0;border:0;outline:none;margin:0;padding:0;display:block;position:absolute;overflow:hidden}.highcharts-a11y-proxy-group li{list-style-type:none}.highcharts-visually-hidden{clip:rect(1px, 1px, 1px, 1px);opacity:.01;white-space:nowrap;width:1px;height:1px;margin-top:-3px;position:absolute;overflow:hidden}.highcharts-a11y-invisible{visibility:hidden}.highcharts-a11y-proxy-container,.highcharts-a11y-proxy-container-before,.highcharts-a11y-proxy-container-after{white-space:nowrap;position:absolute}g.highcharts-series,.highcharts-markers,.highcharts-point{outline:none}}@layer components{.alert{--alert-color:var(--color-text-accent);padding:calc(var(--spacing) * 2);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);gap:var(--spacing);grid-template-columns:auto 1fr auto;align-items:start;margin-block:0;display:grid;.sidepane__primary-content &,.sidenav_message &{margin-block:0 calc(var(--spacing) * 6)}.sidepane__primary-content.--bleed &{margin-block:calc(var(--spacing) * 6) 0}&.--danger{--alert-color:var(--color-text-danger)}&.--success{--alert-color:var(--color-text-success)}&.--warning{--alert-color:var(--color-text-warning)}}.alert__content{max-inline-size:var(--container-6xl);text-wrap:pretty;grid-column:2;& a{color:inherit;text-decoration:underline}}.alert__title{font-weight:var(--font-weight-semibold);margin-block-end:calc(var(--spacing) * 2)}.action-item{align-items:flex-start;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);transition:opacity .15s ease-in-out;display:flex;fragment-frame[aria-busy] &:has(:focus){opacity:.3;pointer-events:none}}.action-item__link{align-items:flex-start;gap:var(--spacing);flex-grow:1;display:flex;&: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 (width>=680px){opacity:0}&:focus-within{opacity:1}@media (hover) and (pointer:fine){.action-item:hover &,&:hover{opacity:1}}}.api-key{&>[type=checkbox]{display:none}&>:checked~.hidden{display:block!important}&>:checked~label{display:none}}.avatar{--avatar-size:calc(var(--spacing) * 6);--avatar-radius:100%;inline-size:var(--avatar-size);border-radius:var(--avatar-radius);outline:var(--border-width-default) solid var(--color-bg);aspect-ratio:1;block-size:auto;position:relative;&>img{block-size:100%;inline-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);border-radius:var(--radius-sm);max-inline-size:100%}}&.--image{background-position:50%;background-size:cover;flex-shrink:0;overflow:hidden}&.--rounded,&.--agent{--avatar-radius:var(--radius-sm)}& .popover{text-align:start;inline-size:max-content;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{align-items:center;gap:0;display:flex;position:relative;@media (width>=600px){gap:calc(var(--spacing) * 2.5)}&.--packed{gap:0;margin-inline-start:-.125rem}}.avatar-list{gap:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex;& li{max-inline-size:100%;display:inline-flex;&>a{align-items:center;gap:calc(var(--spacing) * 1.5);font-size:var(--text-sm);min-inline-size:0;display:flex;&: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%;block-size:var(--avatar-size);cursor:default;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);justify-content:center;align-items:center;margin-inline-start:-.125rem;display:flex;position:relative;&.--squared{--avatar-size:calc(calc(var(--spacing) * 5) + var(--border-width-default) * 2);--avatar-radius:var(--radius-md)}}.badge{--badge-color:var(--color-text-link);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);flex-shrink:0;align-items:center;display:inline-flex;&.--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%))}}.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{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 1);display:flex}.bar-graph__title{align-items:center;gap:calc(var(--spacing) * 1);font-size:var(--text-sm);display:flex}.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{block-size:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 1);border-radius:var(--border-radius-full);background-color:var(--bar-bg-color);margin-block-start:calc(var(--spacing) * 1);display:flex}.bar-graph__fill{border-radius:var(--border-radius-full);background-color:var(--bar-fill-color);block-size:100%;inline-size:0}.breadcrumb{flex:var(--spacing);align-items:center;padding-inline-start:calc(var(--spacing) * .5);display:flex}.breadcrumb__list{gap:var(--spacing);text-overflow:ellipsis;white-space:nowrap;margin-inline-start:calc(var(--spacing) * -1.5);display:flex;overflow:hidden}.breadcrumb__item{align-items:center;gap:var(--spacing);text-overflow:ellipsis;white-space:nowrap;display:none;overflow:hidden;&:nth-last-child(2){max-inline-size:var(--container-sm)}&:last-child{display:flex}@media (width>=600px){&:nth-child(2){display:flex}}@media (width>=680px){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);text-overflow:ellipsis;white-space:nowrap;transition-property:color,background-color;transition-duration:var(--transition-duration);transition-timing-function:var(--ease-in-out);overflow:hidden;&.--icon{gap:var(--spacing);justify-content:flex-start;align-items:center;display:inline-flex}&: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}.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%));justify-content:center;align-items: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;display:inline-flex;@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:#0000;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);box-shadow:none;background-color:#0000;@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{box-shadow:none;border-width:0}&.--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 (width>=600px){inline-size:auto}}&[popovertarget]{inline-size:auto}&:disabled,&.disabled{opacity:.5;pointer-events:none;&:focus{outline:none!important}}}.file-btn{inline-size:calc(var(--spacing) * 28);position:relative;color:#0000!important;&::file-selector-button{color:var(--color-white);inline-size:calc(var(--spacing) * 28);background-color:#0000;border:none;block-size:auto;position:absolute;inset:0}}.filter-btn{display:inline-flex}.filter-btn__controls{gap:calc(var(--spacing) * 2);inline-size:100%;margin-block-start:var(--spacing);display:flex}.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);border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);border:var(--border-width-default) solid var(--cal-border);inline-size:100%;display:table;overflow:hidden}& 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{padding:var(--spacing);font-size:var(--text-sm);text-align:center;border-color:var(--cal-border-td);position:relative}& a{--cal-text:var(--color-text-muted);--cal-bg:transparent;--cal-border:transparent;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);display:inline-block;position:relative;@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:"•";line-height:0;position:absolute;inset-block-start:calc(var(--spacing) * 2);inset-inline: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{gap:calc(var(--spacing) * 4);display:grid;@media (width>=680px){grid-template-columns:1fr 1fr}}.callout{--callout-color:var(--color-text-accent);inset-block:auto calc(var(--spacing) * 4);inset-inline:calc(var(--spacing) * 4) auto;inline-size:max-content;max-inline-size:var(--container-xs);background-color:var(--color-bg);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(calc(var(--spacing) * 3)) scale(.97);transition-property:opacity,transform,display,overlay;transition-duration:.35s;transition-timing-function:var(--ease-in-out);transition-behavior:allow-discrete;margin:0;padding:0;position:fixed;overflow:visible;&:popover-open{opacity:1;transform:translateY(0)scale(1)}@starting-style{&:popover-open{opacity:0;transform:translateY(calc(var(--spacing) * 3)) scale(.97)}}@media (prefers-reduced-motion:reduce){transition-duration:0s}&.--static{opacity:1;position:static;transform:none}}.callout__link{gap:calc(var(--spacing) * .5);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 3);color:var(--color-text);border-radius:inherit;flex-direction:column;text-decoration:none;display:flex;@media (hover) and (pointer:fine){&:hover{background-color:var(--color-bg-muted)}}}.callout__title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);padding-inline-end:calc(var(--spacing) * 4)}.callout__eyebrow{color:var(--callout-color)}.callout__summary{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-snug);text-wrap:pretty}.callout__dismiss{inline-size:calc(var(--spacing) * 6);block-size:calc(var(--spacing) * 6);color:var(--color-text-subtle);border-radius:var(--radius-xs);cursor:pointer;transition-property:var(--transition-colors);transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-duration);background-color:#0000;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-block-start:calc(var(--spacing) * 1);inset-inline-end:calc(var(--spacing) * 1);& svg{inline-size:calc(var(--spacing) * 3.5);block-size:calc(var(--spacing) * 3.5)}@media (hover) and (pointer:fine){&:hover{color:var(--color-text);background-color:var(--color-bg-muted)}}&:focus{outline:none}&:focus-visible{outline:var(--border-width-md) solid var(--color-accent);outline-offset:var(--border-width-md)}}.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{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}}.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);padding-block:calc(var(--spacing) * 2);margin-block-end:calc(var(--spacing) * 4)}.check-box,[data-type=taskList] [type=checkbox]{appearance:none;-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;padding:0;&: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-position:49.8% 49%;background-repeat:no-repeat;background-size:75% 75%;&: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:"";inline-size:calc(var(--spacing) * 2);block-size:calc(var(--spacing) * .25);background-color:var(--color-text-subtle);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}}}.intentions-check-box{align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 3);border-radius:var(--radius-md);background-color:var(--color-bg-muted);margin-block-start:calc(var(--spacing) * 2);display:flex;[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);border-radius:var(--radius-sm);border:var(--border-width-default) solid var(--color-border);background-color:var(--color-bg-muted);transition:transform 75ms ease-in-out;transform:scale(1);&: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}}}.check-box-group{--check-box-group-gap:calc(var(--spacing) * 2);gap:var(--check-box-group-gap);flex-wrap:wrap;display:flex;&>label{padding-block:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 2);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);gap:calc(var(--spacing) * 2);flex:100%;justify-content:flex-start;align-items:flex-start;display:flex;position:relative;&>input{margin-block:var(--spacing) 0}&:has(>:checked){border-color:var(--color-accent);background-color:var(--color-bg-accent-tint)}@media (width>=600px){flex-basis:max-content;min-inline-size:calc(50% - var(--check-box-group-gap) / 2);max-inline-size:100%}}}.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)}.goal__card .--archived &{--color:var(--color-text-subtle)}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));border-radius:100%;justify-content:center;align-items:center;display:flex}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)>*{max-block-size:var(--clamp-height)!important;overflow-y:clip!important}&>.overlay{background:linear-gradient(to top, var(--color-bg), var(--clamp-stop));pointer-events:none;min-block-size:calc(var(--spacing) * 24);opacity:0;justify-content:center;align-items:flex-end;inline-size:105%;display:flex;position:absolute;inset-block-end:0;inset-inline-start:-5%;&.--show{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards show-clamp-overlay}}&>.overlay>button{pointer-events:auto;inline-size:auto;background-color:var(--color-bg)!important}}@keyframes show-clamp-overlay{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.comment-stream{gap:calc(var(--spacing) * 6);margin-block:calc(var(--spacing) * 3);flex-direction:column;display:flex;& :is(.markdown-body,.ProseMirror)>:last-child{margin-block-end:0!important}}.comment{align-items:start;column-gap:calc(var(--spacing) * 2);grid-template-columns:auto 1fr;display:grid;position:relative;@media (width>=600px){column-gap:calc(var(--spacing) * 4)}}.comment__avatar{inline-size:calc(var(--spacing) * 9);border-radius:100%;flex-shrink:0;@media (width>=600px){inline-size:calc(var(--spacing) * 10)}}.comment__meta{align-items:center;gap:var(--spacing);line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-bold);margin-block-end:var(--spacing);display:flex}.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 (width>=680px){opacity:0}&>form{flex-shrink:0}&>svg{inline-size:calc(var(--spacing) * 4);flex-shrink:0;margin-block-start:calc(var(--spacing) * .5)}}.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{padding:var(--spacing);align-self:end;&.--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}.content-card{padding-block:calc(var(--spacing) * 8);padding-inline:var(--px-page);border-block-end:var(--border-width-default) solid var(--color-border-subtle);position:relative;.sidepane__primary-content.--full &{border-color:var(--color-border-muted);padding-inline:0}&.--compact{padding-block:calc(var(--spacing) * 4)}&:has(.social){padding-block-end:calc(var(--spacing) * 2)}&:has(+fragment-frame .social){border-block-end:0}}.content-card__options{gap:var(--spacing);display:flex;position:absolute;inset-block-start:calc(var(--spacing) * 6);inset-inline-end:calc(var(--spacing) * 2.5);@media (width>=920px){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}.sidepane__primary-content.--full &{inset-inline-end:0}}.content-card__layout{--size:calc(var(--spacing) * 9);gap:calc(var(--spacing) * 4) calc(var(--spacing) * 2);grid-template-columns:var(--size) 1fr;display:grid;@media (width>=600px){--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__avatar-icon{border-radius:var(--radius-sm);background-color:var(--color-accent);aspect-ratio:1;justify-content:center;align-items:center;display:flex;&>svg{color:var(--color-white);inline-size:60%}}.content-card__body{gap:calc(var(--spacing) * 2);flex-direction:column;flex-grow:1;grid-column:2;padding-inline-end:var(--spacing);display:flex}.content-card__author{font-size:var(--text-sm);line-height:1;&>.author-name{font-weight:var(--font-weight-bold);text-align:center;margin-block-start:calc(var(--spacing) * 2);&:not(:hover){color:inherit}}}.content-card__date{color:var(--color-text-muted);margin-inline-end:var(--spacing);display:inline}.content-card__heading{font-size:var(--text-lg);font-weight:var(--font-weight-bold);&.--decorated{align-items:flex-start;gap:var(--spacing);display:flex;&>:first-child{margin-block-start: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 (width>=680px){grid-column-start:2}@media print{display:none}}.content-layout{&.--full-width-content{&>.content-card{padding-inline:0;&>.content-card__options{inset-inline-end:0}}}}.content-layout__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);hanging-punctuation:first allow-end last;align-items:center;gap:var(--spacing);justify-content:space-between;display:flex;& svg{color:var(--color-text-accent);inline-size:calc(var(--spacing) * 6);block-size:calc(var(--spacing) * 6)}}.disclosure__summary{align-items:center;gap:var(--spacing);line-height:var(--leading-snug);cursor:pointer;margin-inline-start:calc(var(--spacing) * -.75);display:flex}.disclosure__title{flex:1}.disclosure__summary:before{content:"";inline-size:calc(var(--spacing) * 4);block-size:calc(var(--spacing) * 4);background-color:var(--color-text-muted);transition:rotate var(--transition-duration) var(--ease-in-out);flex-shrink:0;display:block;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpolyline points='96 48 176 128 96 208' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E") 50%/contain no-repeat}.disclosure[open]>.disclosure__summary:before{rotate:90deg}.dropdown{margin:0;margin-block:calc(var(--spacing) * 2);max-block-size:calc(var(--spacing) * 96);inline-size:max-content;min-inline-size:calc(var(--spacing) * 48);padding:var(--spacing);background-color:var(--color-bg);border:var(--border-width-default) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);position-area:bottom span-right;position-try-fallbacks:flip-block;&:focus{outline:none}&:popover-open{gap:var(--spacing);flex-direction:column;display:flex}&.--reverse{flex-direction:column-reverse}&.--bottom-right{position-area:bottom span-right}&.--bottom-left{position-area:bottom span-left}&.--bottom-center{position-area:bottom}&.--top-right{position-area:top span-right}&.--top-left{position-area:top span-left}&.--top-center{position-area:top;min-inline-size:auto}&.--overlay{position-area:none;position-anchor:auto;inline-size:anchor-size(width);position-try-fallbacks:--dropdown-overlay-reverse;margin:0;inset-block-start:anchor(top);inset-inline-start:anchor(left)}&>[role=group]{inline-size:100%}&:not(.--undivided)>[role=group]:not(:last-child){border-block-end:var(--border-width-default) solid var(--color-border-subtle);margin-block-end:var(--spacing);padding-block-end:var(--spacing)}}.dropdown__item{--item-text:var(--color-text-muted);--item-text-hover:var(--color-text);--item-bg:transparent;--item-bg-hover:var(--color-bg-muted);align-items:center;gap:calc(var(--spacing) * 2);inline-size:100%;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;display:flex;@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}}@position-try --dropdown-overlay-reverse{inset-block-start:auto;inset-block-end:anchor(bottom);inset-inline-start:anchor(left);inline-size:anchor-size(width)}.echo-form{&:has(option[value=daily]:checked){& .echo_question_answer_day{display:none}}}.echo-recents{gap:var(--spacing);font-size:var(--text-sm);flex-direction:column;margin-block-start:calc(var(--spacing) * -4);display:flex;&>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{text-wrap:balance;font-weight:var(--font-weight-medium);display:block}}}.echo-collection-title{font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;font-size:var(--text-xs);align-items:center;gap:calc(var(--spacing) * 1);margin-block-start:calc(var(--spacing) * 8);padding-block-end:calc(var(--spacing) * 2);display:flex;&>.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{grid-template-columns:repeat(auto-fill, minmax(calc(var(--spacing) * 64), 1fr));align-items:stretch;gap:calc(var(--spacing) * 2);display:grid}.echo-collection__item{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);position:relative;@media (hover) and (pointer:fine){&>button[popovertarget]{opacity:0}&:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);&>button[popovertarget]{opacity:1}}}&:focus-visible{border-color:var(--color-accent);box-shadow:none}&>:is(label,a){block-size:100%;max-inline-size:100%;padding-block:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 4);text-wrap:pretty;text-align:start;cursor:pointer;display:block;position:relative;overflow:hidden;.--active &{color:var(--color-text)}&>h3{font-weight:var(--font-weight-semibold);margin-block-end:var(--spacing);display:block}& 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:.9}}&>button[popovertarget]{z-index:10;box-shadow:none;padding-inline:calc(var(--spacing) * 2);position:absolute;inset-block-start:var(--spacing);inset-inline-end:var(--spacing);scale:.9}&:has(>button[popovertarget]) h3{margin-inline-end:calc(var(--spacing) * 8)}}.echo-collection__item-row{justify-content:space-between;align-items:center;gap:var(--spacing);display:flex}.field{--field-placeholder:var(--color-text-subtle);--field-bg:var(--color-bg-muted);--field-border:var(--color-border);[data-theme=dark] &{color-scheme:dark}appearance:none;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);display:flex;&::placeholder{color:var(--field-placeholder)}&[type=date]{display:block}&[type=search]{&::-webkit-search-decoration{display:none}&::-webkit-search-cancel-button{display:none}&::-webkit-search-results-button{display:none}&::-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)}&.--autosize{field-sizing:content;resize:none}&:where(select,.--select){@supports (appearance:base-select){white-space:nowrap;appearance:base-select!important;&::picker(select){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);appearance:base-select!important}& option{cursor:pointer;padding:calc(var(--spacing) * 1.5);color:var(--color-text-muted);font-weight:var(--font-weight-normal);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);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden;&+&{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);border-block-start:none;border-inline:none;border-radius:0;background-color:#0000!important}.field-chromeless{--field-placeholder:var(--color-text-subtle);--field-border:var(--color-border);field-sizing:content;min-block-size:2.75rem;inline-size:100%;transition-property:var(--transition-colors);transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-duration);border-block-start:none;border-inline:none;border-block-end:var(--border-width-default) solid var(--field-border);border-radius:0;padding-block:0;padding-inline:0;display:flex;background-color:#0000!important;&.--grow{min-block-size:30vh}&::placeholder{color:var(--field-placeholder)}&:focus,&:focus-within,.group\/field:focus-within &{--field-border:var(--color-accent);border-color:var(--field-border);outline:none}}:is(.field,.field-chromeless):has(>:is([contenteditable],textarea)){flex-direction:column;justify-content:flex-end;align-items:stretch;block-size:100%;padding:0;position:relative;&>:is([contenteditable],textarea){resize:none;field-sizing:content;border:none;outline:none;flex-grow:1;flex-shrink:1;&::placeholder{color:var(--field-placeholder)}}&.field>:is([contenteditable],textarea){padding:calc(var(--spacing) * 2)}&.field-chromeless>:is([contenteditable],textarea){padding-block:calc(var(--spacing) * 4);flex-basis:100%}}.field-error{--field-text:var(--color-text-danger);--field-bg:var(--color-bg-danger-tint);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);margin-block-start:var(--spacing);display:inline-block}.field-meter{block-size:var(--spacing);border-radius:var(--radius-lg);background-color:#0000;inline-size:100%;position:relative;[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%;block-size:100%;inline-size:var(--bar-width);border-radius:var(--radius-lg);background-color:var(--bar-color);transition:width .2s;position:absolute;[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%}}.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,&:has(.goal__sub-details:not([open])){margin-block-end:0}}.goal__card{padding:calc(var(--spacing) * 3);font-weight:var(--font-weight-semibold);color:var(--color-text);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);list-style-type:none;transition:border-color .1s;display:block;&:hover{color:var(--color-text);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}&.--archived{gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 2);grid-template-columns:minmax(0,1fr) auto;display:grid}&.--ghosted{opacity:.5;&:hover{opacity:1}}}.goal__content{gap:calc(var(--spacing) * 2);grid-template-columns:auto max-content;align-items:center;margin-block-end:calc(var(--spacing) * 3);display:grid;.--archived>&{grid-template-columns:auto 1fr;margin-block-end:0}}.goal__title{align-items:center;gap:calc(var(--spacing) * 2);font-weight:var(--font-weight-semibold);line-height:var(--leading-tight);padding-inline-start:var(--spacing);display:flex}.goal__date{display:none;@media (width>=600px){font-size:var(--text-xs);font-weight:var(--font-weight-normal);flex-shrink:0;display:block}}.goal__meta{justify-content:space-between;gap:calc(var(--spacing) * 6);text-align:end;grid-template-columns:1fr max-content;display:grid;.--archived>&{gap:0}}.goal__meta-group{align-items:center;gap:0;display:flex;position:relative;@media (width>=600px){gap:calc(var(--spacing) * 2.5)}&.--packed{gap:0}}.goal__sub-details{--connector-width:var(--border-width-default);--connector-gap:calc(var(--spacing) * 3);position:relative;&[open]{margin-block-end:0}& .goal{grid-template-rows:1fr;grid-template-columns:1fr;align-items:center;display:grid}& .goal>.goal__card{grid-area:1/1/-1/-1;position:relative}& .goal:before{content:"";inline-size:var(--connector-gap);border-block-start:var(--connector-width) solid var(--color-border-hover);block-size:0;grid-area:1/1/-1/-1;position:relative;inset-inline-start:calc(var(--connector-gap) * -1)}& .goal:last-child:before{border-block-start:none}& .goal:after{z-index:0;border-inline-start:var(--connector-width) solid var(--color-border-hover);grid-area:1/1/-1/-1;position:relative;inset-inline-start:calc(var(--connector-gap) * -1)}& .goal:last-child:after{content:"";inline-size:var(--connector-gap);border-block-end:var(--connector-width) solid var(--color-border-hover);block-size:50%;border-end-start-radius:calc(var(--connector-gap) * .5);inset-block-end:25%;inset-inline-start:calc((var(--connector-gap)) * -1)}}.goal__sub-goals{margin:calc(var(--spacing) * .5) 0 0 calc(var(--spacing) * 2);grid-column-start:2;padding-inline-start:var(--connector-gap);position:relative;&:before{content:"";inline-size:var(--connector-gap);border-inline-start:var(--connector-width) solid var(--color-border-hover);block-size:calc(100% - 4rem);position:absolute;inset-block-start:0;inset-inline-start:0}&:has(>.goal:only-child){border:none;&:before{border-inline-start:none}}@media (width>=600px){margin-inline-start:calc(var(--spacing) * 6)}}.goal__sub-summary{gap:var(--spacing);inline-size:100%;padding-block:var(--spacing);padding-inline:calc(var(--spacing) * 2) 0;margin-block:calc(var(--spacing) * 2);font-size:var(--text-sm);cursor:pointer;grid-column-start:1;align-items:center;margin-inline:0;display:flex;@media (width>=600px){margin-inline-start:calc(var(--spacing) * 2);padding-inline-start:calc(var(--spacing) * 2)}&:focus{outline:none}&:focus-visible{box-shadow:none;color:currentColor;outline:none;& .goal__sub-arrow{color:var(--color-bg);background-color:var(--color-accent)}}&:hover{color:currentColor}}.goal__sub-arrow{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;position:relative;inset-inline-start:calc(var(--border-width-default) * -1);.goal__sub-details[open]>.goal__sub-summary &{transform:rotate(90deg)}}.goal-poster-icon{width:auto;& :where(line,polyline){stroke-width:16px}}.goal-progress{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);display:flex;&.--lg{padding:var(--spacing);margin-block:calc(var(--spacing) * 2);margin-inline:calc(var(--spacing) * -1);position:relative}}.goal-progress__label{align-items:center;gap:var(--spacing);font-size:var(--text-sm);font-weight:var(--font-weight-medium);flex-shrink:0;display:flex;&>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{border-radius:var(--spacing);block-size:100%}.goal-progress-badge{inline-size:calc(var(--spacing) * 5);block-size:calc(var(--spacing) * 5);border-radius:100%;flex-shrink:0;grid-template-columns:1fr;place-items:center;display:grid;&>*{grid-row-start:1;grid-column-start:1}&>.circle-progress{block-size:100%;inline-size:100%}&>svg{block-size:calc(var(--spacing) * 3);pointer-events:none}}.goal-card-backdrop{block-size:calc(var(--spacing) * 24);position:absolute;inset-block-start:calc(var(--spacing) * -6);inset-inline:0}.goal-card-icon{inline-size:calc(var(--spacing) * 16);block-size:calc(var(--spacing) * 16);padding:calc(var(--spacing) * 3);background-color:var(--color-bg);border:1px solid var(--color-bg);border-radius:var(--radius-md);margin-block-start:calc(var(--spacing) * 5);display:inline-block;position:relative;inset-inline-start:calc(var(--spacing) * -.5);overflow:hidden}.goal-card-icon__fill{opacity:.25;position:absolute;inset:0}.goal-card-header{align-items:center;gap:var(--spacing);font-weight:var(--font-weight-semibold);flex-shrink:0;margin-block-start:calc(var(--spacing) * 2);display:flex;position:relative}.goal-card-list{gap:var(--spacing);font-size:var(--text-sm);color:var(--color-text-muted);flex-direction:column;margin-block-start:calc(var(--spacing) * 3);display:flex;&>li{align-items:center;gap:var(--spacing);display:flex;&>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{gap:calc(var(--spacing) * 1.5);display:flex}.goal-list__title{font-size:var(--text-sm);margin-block-end:calc(var(--spacing) * .5)}.goal-list__updates{padding-inline-start:calc(var(--spacing) * 7);list-style-type:disc;list-style-position:inside;overflow:visible}.goal-list__update-item{font-size:var(--text-sm);color:var(--color-text-muted)}.goal-update-field{gap:calc(var(--spacing) * 8);inline-size:100%;padding:calc(var(--spacing) * 4);border-radius:var(--radius-lg);background-color:var(--bg);transition-property:var(--transition-colors);transition-duration:var(--transition-duration);align-items:center;margin-block-start:calc(var(--spacing) * 2);transition-timing-function:linear;display:grid;@media (width>=680px){grid-template-columns:2fr 4fr}}.goal-update-field__range{align-items:stretch;inline-size:100%;display:flex;position:relative}.goal-update-field__slider{grid-template-rows:1fr;grid-template-columns:1fr;align-items:center;inline-size:100%;display:grid;&>*{flex-grow:1;grid-row-start:1;grid-column-start:1}}.goal-update-list__item{gap:0 calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 4);border-block-end:var(--border-width-default) solid var(--color-border-muted);grid-template-columns:auto minmax(0,1fr);display:grid}.goal-update-list__avatar{inline-size:calc(var(--spacing) * 6);block-size:calc(var(--spacing) * 6);flex-shrink:0}.goal-update-list__author{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.goal-update-list__author-link{color:inherit;font-weight:var(--font-weight-bold)}.goal-update-list__goal-title{color:var(--color-text-muted);margin-block-start:calc(var(--spacing) * 2)}.goal-update-list__status{place-self:start center;position:relative;inset-block-start:0}.goal-update-list__title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.header{justify-content:space-between;gap:calc(var(--spacing) * 4);border-block-end:var(--border-width-default) solid var(--color-border-muted);margin-block-end:calc(var(--spacing) * 8);padding-block-end:calc(var(--spacing) * 4);line-height:1;display:flex}.header__title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold)}.header__tools{gap:calc(var(--spacing) * 4);display:none;@media (width>=680px){display:flex}}.header__tool{display:flex}.insights-card-set{gap:calc(var(--spacing) * 4);grid-template-columns:1px;display:grid;@media (width>=600px){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 (width>=920px){grid-template-columns:repeat(3,1fr);& .insights-card{grid-column:span 1}&:has(.insights-card:nth-child(7):last-child){& .insights-card:first-child,& .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,& .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));color:inherit;background-color:var(--color-bg-card);border-radius:var(--radius-md);min-inline-size:0;box-shadow:var(--shadow-xs);border:var(--border-width-default) solid var(--color-border-muted);flex-direction:column;justify-content:space-between;display:flex;position:relative;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__loader{pointer-events:none;color:var(--color-text-accent);place-items:center;display:grid;position:absolute;inset:0;&>svg{opacity:0;transition-behavior:allow-discrete;transition:opacity .1s ease-in-out .4s,display .1s ease-in-out .4s;display:none;.insights-card:has(include-fragment[accept]) &{opacity:1;display:block}@starting-style{.insights-card:has(include-fragment[accept]) &{opacity:0}}}}.insights-card__overlay-link{display:block;position:absolute;inset:0}.insights-card__header{padding:calc(var(--spacing) * 4);flex-direction:column;display:flex}.insights-card__name{font-weight:var(--font-weight-semibold);justify-content:space-between;inline-size:100%;display:flex;&>.badge{z-index:1}}.insights-card__stat{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-accent);line-height:1}.insights-card__content{overflow-inline:clip;block-size:calc(var(--spacing) * 24);flex-direction:column;justify-content:flex-start;align-items:center;display:flex;&>high-chart{inline-size:100%;display:block;position:relative;scale:1.02;overflow:visible!important;& .highcharts-root{overflow:visible}& .highcharts-container,& .highcharts-container svg{inline-size:100%;overflow:visible}}}.insights-chart__header{gap:calc(var(--spacing) * 2);align-items:center;margin-block-start:calc(var(--spacing) * 8);display:flex}.insights-chart__title{font-weight:700;font-size:var(--text-2xl)}.insights-chart__back{inline-size:calc(var(--spacing) * 6);block-size:calc(var(--spacing) * 6);border-radius:var(--border-radius-full);justify-content:center;align-items:center;padding:0;display:inline-flex}.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);margin-block-start:var(--border-width-default);position:relative}}}.insights-row{gap:calc(var(--spacing) * 2);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);flex-flow:row;justify-content:space-between;align-items:center;display:flex;&.--header{color:var(--color-text-muted)}&>*{text-align:end;white-space:nowrap;@media (width>=600px){inline-size:clamp(calc(var(--spacing) * 16), 15%, calc(var(--spacing) * 48))}}&>:where(:not(:first-child,:nth-last-child(2))){display:none;@media (width>=600px){display:block}}&>:first-child{text-align:start;align-items:center;gap:calc(var(--spacing) * 2);flex-grow:1;display:flex;.--member &{padding-inline-start:calc(var(--spacing) * 6)}&>svg{flex-shrink:0}}& .badge{margin-inline-end:calc(var(--spacing) * -1);scale:.9}}.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{font-size:var(--text-sm);border-block-start:1px solid var(--color-border-muted);margin-block-start:calc(var(--spacing) * 4);padding-block-start:calc(var(--spacing) * 4);&>a{align-items:center;display:inline-flex;& svg{inline-size:calc(var(--spacing) * 4);margin-inline-end:calc(var(--spacing) * 1)}}}.integration-connections{background-color:var(--color-bg-muted);padding-inline:calc(var(--spacing) * 2);border-radius:var(--radius-sm)}.integration-connections__item{align-items:center;gap:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 3);grid-template-columns:auto minmax(0,1fr) auto;display:grid;&:not(:last-child){border-block-end:1px solid var(--color-border-muted)}& .btn{inline-size:auto}}.integration-connections__text{align-items:center;gap:calc(var(--spacing) * 2);display:flex;& h4{font-weight:var(--font-weight-semibold)}& p{font-size:var(--text-sm);color:var(--color-text-muted);display:none;@media (width>=600px){padding-block-start:var(--border-width-default);display:inline}}}.integration-connections__dot{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);background-color:var(--color-success);border-radius:100%;&.--expired{background-color:var(--color-danger)}}.jump{margin-block-start:25dvh;&:has(.jump__field:not(:placeholder-shown)) .jump__results{margin-block-start:calc(var(--spacing) * 4)}}.jump__layout{flex-direction:column;display:flex}.jump__field{block-size:calc(var(--spacing) * 12);transition-property:var(--transition-colors);transition-duration:var(--transition-duration);transition-timing-function:var(--ease-in-out);margin-block-end:0}.jump__results{gap:var(--spacing);overflow-block:auto;max-block-size:max(10rem,30dvh);flex-direction:column;padding-inline-end:var(--spacing);display:flex;& li:has(li):not(:has(li:not([hidden]))){display:none}& li>:is(a,button){align-items:center;gap:calc(var(--spacing) * 2);inline-size:100%;padding:var(--spacing);padding-inline:calc(var(--spacing) * 1.5);border-radius:var(--radius-sm);color:var(--color-text-muted);display:flex;&:hover{color:var(--color-text);background-color:var(--color-bg-muted)}&:focus-visible{color:var(--color-text-accent);background-color:var(--color-bg-accent-tint);box-shadow:none!important;outline:none!important}&>:is(div,button,img,svg){inline-size:calc(var(--spacing) * 5);block-size:calc(var(--spacing) * 5);display:inline}}}.jump__section-header{padding:var(--spacing);font-size:var(--text-sm);color:var(--color-text-subtle)}.label{margin-block:calc(var(--spacing) * 4) var(--spacing);font-weight:var(--font-weight-medium);display:block;&:first-letter{text-transform:capitalize}}.load-bar{--color:var(--color-accent);--gradient:no-repeat linear-gradient(var(--color) 0 0);--height:calc(var(--spacing) * .5);block-size:var(--height);background:var(--gradient), var(--gradient), transparent;background-size:60% 100%;inline-size:100%;animation:1s infinite load-bar}@keyframes load-bar{0%{background-position:-150% 0,-150% 0}66%{background-position:0 0,100% 0}to{opacity:.4;background-position:250% 0,250% 0}}.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%;margin-block:calc(var(--height) * 1.5);animation-delay:.5s;display:inline-block;&:before,&:after{content:"";display:block;position:relative}&:before{inline-size:50%;animation-delay:0s;inset-block-start:calc(var(--height) * -1.5)}&:after{inline-size:70%;animation-delay:1s;inset-block-start:calc(var(--height) * .5)}}.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:2s linear infinite placeholder-pulse}@keyframes placeholder-pulse{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.load-spinner{color:var(--color-text-muted);justify-content:center;align-items:center;display:flex;& svg{inline-size:calc(var(--spacing) * 6);block-size:calc(var(--spacing) * 6)}}:is(.markdown-body,.ProseMirror){--flow-space:calc(var(--spacing) * 2);hyphens:auto;inline-size:auto;max-inline-size:var(--container-6xl);:is(&,& 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{border-inline-start:calc(var(--spacing) * .5) solid var(--color-border-muted);padding-inline-start:calc(var(--spacing) * 4)}& code{word-break:break-word;white-space:normal}& pre{overflow-wrap:normal;word-break:normal;inline-size:100%;overflow:auto}& pre>code{white-space:pre;inline-size:0;display:block}& ul{list-style-type:disc;list-style-position:outside;&>li{margin-inline-start:calc(var(--spacing) * 4);@supports (hanging-punctuation:first) and (font:-apple-system-body) and (appearance:none){margin-inline-start:calc(var(--spacing) * 5)}}}& ol{list-style-type:decimal;list-style-position:outside;&>li{margin-inline-start:calc(var(--spacing) * 5);@supports (hanging-punctuation:first) and (font:-apple-system-body) and (appearance:none){margin-inline-start:calc(var(--spacing) * 6)}}}& ul[data-type=taskList]{list-style-type:none;& li{gap:calc(var(--spacing) * 2);margin:0;display:flex}& label{-webkit-user-select:none;user-select:none;flex-shrink:0}& [type=checkbox]{margin-block-start:calc(var(--spacing) * 1.5);display:block;&:checked{border-width:0}}}}.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%;padding:var(--card-padding);background-color:var(--card);border-radius:var(--radius-lg);border:var(--border-width-default) solid var(--border);box-shadow:var(--shadow-2xl);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;outline-color:var(--color-accent);margin:auto;overflow:visible;transform:scale(.9);&: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%}&:modal{opacity:1;transform:scale(1);&::backdrop{background:hsl(var(--backdrop-color) / 50%)}}&.--permanent{transition:none;&::backdrop{transition:none}}@media (width>=600px){&.--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{padding-block-end:calc(var(--spacing) * 2);display:grid;position:relative}.modal__title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);align-items:center;gap:var(--spacing);flex-grow:1;display:flex}.modal__dismiss{color:var(--dismiss);inline-size:calc(var(--spacing) * 8);block-size:calc(var(--spacing) * 8);border-radius:var(--radius-sm);justify-content:center;justify-self:end;align-items:center;margin-block-end:calc((var(--card-padding) / 1.5) * -1);display:flex;position:relative;inset-block-start:calc((var(--card-padding) / 1.5) * -1);inset-inline-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);grid-template-columns:1fr;margin-block-start:var(--content-margin);padding-block-start:calc(var(--spacing) * 8);display:grid;&>.btn.--mood{grid-row:1/1}@media (width>=680px){grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));grid-auto-flow:dense;&>.btn.--mood{grid-column:-2/span 1}}}@starting-style{.modal:modal{opacity:0;transform:scale(.9);&::backdrop{background:hsl(var(--backdrop-color) / 0%)}}}@starting-style{.modal:modal{opacity:0;transform:scale(.9);&::backdrop{background:hsl(var(--backdrop-color) / 0%)}}}.mood-picker{gap:calc(var(--spacing) * 2);max-inline-size:var(--max-width-2xl);border:0;flex-wrap:wrap;min-inline-size:0;margin:0;padding:0;display:flex;&>legend{padding:0}}.mood-picker__option{padding:calc(var(--spacing) * 2);border:var(--border-width-lg) solid transparent;border-radius:var(--border-radius-full);cursor:pointer;display:block;&:has(:checked){border-color:var(--color-accent)}&:has(:focus-visible){outline:var(--border-width-md) solid var(--color-accent);outline-offset:var(--border-width-default)}@media (hover) and (pointer:fine){&:hover{background-color:var(--color-bg-muted)}}}.mood-picker__emoji{inline-size:calc(var(--spacing) * 6);block-size:calc(var(--spacing) * 6);font-size:var(--text-2xl);justify-content:center;align-items:center;line-height:1;display:flex}.multi-select__search{margin-block-end:0;:where(.dropdown:not(.--overlay))>&{block-size:calc(var(--spacing) * 8);font-size:var(--text-sm)}}.multi-select__options{z-index:10;font-size:var(--text-sm);max-block-size:calc(var(--spacing) * 72);scrollbar-color:var(--color-border) transparent;overflow:hidden auto;:where(multi-select[option-count="0"]:not([no-results])) &{display:none}& ul{gap:calc(var(--spacing) * .5);flex-direction:column;display:flex}}.multi-select__group-label{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);display:flex;&: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)}@media (hover) and (pointer:fine){&:hover{color:var(--color-text-muted)}}}.multi-select__label{align-items:center;gap:calc(var(--spacing) * 2);inline-size:100%;padding:calc(var(--spacing) * 1.5);line-height:var(--leading-tight);color:var(--color-text-muted);border-radius:var(--radius-sm);transition-property:var(--transition-colors);transition-timing-function:var(--ease-in-out);transition-duration:var(--transition-duration);background-color:#0000;display:flex;@media (hover) and (pointer:fine){&: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;&:focus,&:checked{opacity:1}@media (hover) and (pointer:fine){&:hover{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{color:var(--color-text-muted);padding-block:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 2);display:none;multi-select[no-results] &{display:block}}.onboarding{gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}.onboarding__loader{justify-content:center;align-items:center;gap:calc(var(--spacing) * 4);color:var(--color-text-muted);flex-direction:column;flex:1;display:flex;& svg{inline-size:calc(var(--spacing) * 8);block-size:calc(var(--spacing) * 8);color:var(--color-text-accent)}}.password-strength__meter{margin-block-start:calc(var(--spacing) * 2)}.password-strength__feedback{min-block-size:calc(var(--spacing) * 4);font-size:var(--text-sm);color:var(--color-text-muted);margin-block-start:calc(var(--spacing) * 1)}.password-strength__weak{color:var(--color-text-danger)}.password-strength__strong{color:var(--color-text-success)}.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)}}}.popover{position-area:top;margin-block:calc(var(--spacing) * 2);margin-inline:calc(var(--spacing) * 4);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);inline-size:max-content;box-shadow:var(--shadow-lg);transition:opacity var(--transition-duration) var(--ease-in-out);position-try-fallbacks:flip-block}.popover-trigger:focus-visible{outline:var(--border-width-md) solid var(--color-accent);outline-offset:var(--border-width-md)}.preset-card{background-color:var(--color-bg-muted);border:var(--border-width-default) solid transparent;border-radius:var(--radius-md);position:relative;@media (hover) and (pointer:fine){&:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}}&:focus-visible{border-color:var(--color-accent);box-shadow:none}&>:is(a,button){block-size:100%;max-inline-size:100%;padding-block:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 4);font-weight:var(--font-weight-semibold);text-wrap:pretty;text-align:start;color:var(--color-text);opacity:.75;cursor:pointer;display:block;position:relative;overflow:hidden;&:hover{color:var(--color-text);opacity:1}&>h3:not(:last-child){margin-block-end:var(--spacing);display:block}& span{font-size:var(--text-sm);font-weight:var(--font-weight-normal);color:var(--color-text-muted);display:block}}}.profile-card-set{gap:calc(var(--spacing) * 4);grid-template-columns:1fr;display:grid;@container (width>=36rem){grid-template-columns:repeat(2,1fr)}@container (width>=60rem){grid-template-columns:repeat(3,1fr)}@container (width>=80rem){grid-template-columns:repeat(4,1fr)}}.profile-card{gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 4);color:inherit;background-color:var(--color-bg-card);border-radius:var(--radius-md);min-inline-size:0;box-shadow:var(--shadow-xs);border:var(--border-width-default) solid var(--color-border);flex-direction:column;flex-grow:1;display:flex;position:relative;@media (hover) and (pointer:fine){&>button[popovertarget]{opacity:0}&:hover{color:var(--color-text);border-color:var(--color-border-hover);box-shadow:var(--shadow-sm);&>button[popovertarget]{opacity:1}}}&:focus-within>button[popovertarget]{opacity:1}&>.avatar{background-color:var(--color-bg);pointer-events:none;outline:none}}.profile-card__overlay-link{display:block;position:absolute;inset:0}.profile-card__overflow-menu{inset-block-start:calc(var(--spacing) * 2);inset-inline-end:calc(var(--spacing) * 2);position:absolute!important}.profile-card__content{flex-direction:column;flex-grow:1;display:flex}.profile-card__name{font-weight:var(--font-weight-semibold);gap:var(--spacing);display:flex}.profile-card__meta{gap:calc(var(--spacing) * 2);font-size:var(--text-sm);flex-direction:column;display:flex}.profile-card__description{-webkit-line-clamp:2;text-wrap:pretty;font-size:var(--text-sm);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.profile-card__footer{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);display:flex}.profile-card__privacy{inline-size:calc(var(--spacing) * 4);color:var(--color-text-muted)}.profile-preview-card{flex-direction:column;display:flex}.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{gap:var(--spacing);color:var(--color-text-muted);font-size:var(--text-sm);flex-direction:column;margin-block-start:calc(var(--spacing) * 2);display:flex;&>li{align-items:center;gap:var(--spacing);display:flex;&>svg{inline-size:calc(var(--spacing) * 4);block-size:calc(var(--spacing) * 4);flex-shrink:0}}}.prompt-form{inline-size:100%;margin-block:calc(var(--spacing) * 2) calc(var(--spacing) * 8)}.prompt-form__bar{inline-size:100%;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);grid-template-columns:1fr auto;align-items:end;margin-inline:auto;transition:border-color .2s;display:grid;position:relative;&:focus-within{border-color:var(--color-accent);outline:var(--border-width-lg) solid var(--color-bg-accent-tint)}}.prompt-form__input{resize:none;field-sizing:content;padding:calc(var(--spacing) * 2);max-inline-size:var(--container-6xl);flex-grow:1;background-color:#0000!important;border:none!important;&::placeholder{color:var(--color-text-muted)}&:focus{outline:none}}.prompt-form__button{opacity: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;inline-size:calc(var(--spacing) * 10);text-align:center;padding-inline:calc(var(--spacing) * 2.5);flex-shrink:0;transition:opacity .1s,scale .15s,background-color .2s,border-color .5s;scale:.8;.prompt-form__input:not(:placeholder-shown)+&:not(:disabled){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))}}}&:disabled{opacity:.5;pointer-events:none;scale:1}}.radio-tag{padding-block:calc(var(--spacing) * 1.5);padding-inline:calc(var(--spacing) * 3);border-radius:var(--border-radius-full);border:var(--border-width-default) solid var(--color-border);align-items:center;gap:var(--spacing);font-weight:var(--font-weight-medium);background-color:#0000;flex-grow:1;transition:border-color .2s;display:inline-flex;position:relative;&: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]{appearance:none;opacity:0;background-color:#fff;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}&>svg{inline-size:calc(var(--spacing) * 4);block-size:calc(var(--spacing) * 4);flex-shrink:0}}.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;appearance:none;border:var(--border-width-default) solid var(--border);inline-size:100%;transition:var(--range-transition);border-block:0;border-radius:0;margin:0;padding:0;background-color:#0000!important;&:focus{border-color:var(--border);outline:none}&:focus-visible{outline:none}}.range::-webkit-slider-runnable-track{cursor:pointer;background-color:var(--border);block-size:1px;inline-size:100%;transition:var(--range-transition);border:0}.range::-moz-range-track{cursor:pointer;background-color:var(--border);block-size:1px;inline-size:100%;transition:var(--range-transition);border:0}.range::-webkit-slider-thumb{block-size:var(--range-thumb-size);inline-size:var(--range-thumb-size);background-color:var(--border);border-radius:var(--range-radius);cursor:pointer;appearance:none;transition:var(--range-transition);border:0;margin-block-start:var(--range-thumb-offset)}.range:focus::-webkit-slider-thumb{outline:var(--border-width-lg) solid var(--outline)}.range::-moz-range-thumb{block-size:var(--range-thumb-size);inline-size:var(--range-thumb-size);background-color:var(--border);border-radius:var(--range-radius);cursor:pointer;appearance:none;transition:var(--range-transition);border:0;margin-block-start:var(--range-thumb-offset)}.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);background-color:var(--border);pointer-events:none;transition:var(--range-transition);grid-row-start:1;grid-column-start:1}.range-marker{block-size:calc(var(--spacing) * 3);opacity:.5;border-inline-end:var(--border-width-default) solid var(--border);pointer-events:none;grid-row-start:1;grid-column-start:1}.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;border-inline-end:var(--border-width-default) solid var(--border);color:var(--text);transition:var(--range-transition);justify-content:center;align-items:center;display:flex}.read-receipts{gap:calc(var(--spacing) * 2);overflow-block:auto;inline-size:100%;max-block-size:calc(var(--spacing) * 36);scrollbar-color:var(--color-border) transparent;flex-direction:column;padding-inline-end:calc(var(--spacing) * 2);display:flex;&>li{gap:calc(var(--spacing) * 2);font-size:var(--text-sm);grid-template-columns:auto 1fr;align-items:center;display:grid;@media (width>=680px){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);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}&>relative-time{color:var(--color-text-muted);justify-self:end;display:none;@media (width>=680px){display:block}}}}read-receipt{opacity:0;position:absolute}.reactions{position:relative;&:before{content:"";block-size:100%;inline-size:calc(var(--spacing) * 8);background:linear-gradient(90deg, var(--color-bg) 0%, color-mix(in srgb, var(--color-bg) 0%, transparent) 100%);display:block;position:absolute;inset-inline-start:calc(var(--border-width-default) * -1)}}.reactions__container{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.reactions__list{gap:var(--spacing);flex-direction:row-reverse;display:flex;overflow:hidden;&:first-child{padding-inline-start:calc(var(--spacing) * 6)}}.reactions__menu{position:relative}.reactions__menu-pop{padding:calc(var(--spacing) * 2);inline-size:calc(var(--spacing) * 40);padding-block-start:calc(var(--spacing) * 3)}.reactions__menu-title{inline-size:100%;font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-align:center;margin-block-end:var(--spacing)}.reactions__menu-grid{grid-template-columns:repeat(3,1fr);display:grid}.reactions__menu-item{--bg-color:transparent;inline-size:calc(var(--spacing) * 12);block-size:calc(var(--spacing) * 12);background-color:var(--bg-color);font-size:var(--text-2xl);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex;&: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);transition-property:all;transition-duration:var(--transition-duration);transition-timing-function:var(--ease-in-out);gap:var(--spacing);inline-size:auto;padding-inline:calc(var(--spacing) * 2);block-size:calc(var(--spacing) * 8);border-radius:var(--border-radius-full);direction:ltr;border-style:solid;border-width:1px;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;&: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));box-shadow:none;position:relative}&: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)}}.readables .readable:nth-last-child(-n+1 of .readable--unread):not(:last-child){--height:var(--border-width-default);--padding:calc(var(--spacing) * 2);padding-block-end:var(--padding);position:relative;overflow:visible;&:before{content:"";block-size:var(--height);background-color:var(--color-text-accent);display:block;position:absolute;inset-block-end:calc(var(--height) * -1);inset-inline:0}&:after{content:"Previously read";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);display:inline-block;position:absolute;inset-block-end:0;inset-inline-end:calc(var(--px-page) - var(--padding));transform:translateY(50%)}&>:last-child{border-block-end:none}}.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;--avatar-radius:var(--border-radius-full);inline-size:calc(var(--spacing) * 12);block-size:calc(var(--spacing) * 12);border-width:var(--border-width-md);border-radius:var(--avatar-radius);background-color:var(--container-bg);border-color:var(--container-border);box-shadow:var(--container-shadow);position:relative;&.--agent{--avatar-radius:var(--radius-sm)}&.--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{border-radius:var(--avatar-radius);background-color:var(--color-bg-muted);block-size:100%;inline-size:100%;transform:scale(var(--link-scale));opacity:var(--link-opacity);display:block}.roster-avatar__image{border-radius:var(--avatar-radius);block-size:100%;inline-size:100%;mix-blend-mode:var(--image-blend-mode)}.roster-avatar__badge{inline-size:calc(var(--spacing) * 6);block-size:calc(var(--spacing) * 6);border-radius:var(--border-radius-full);background-color:var(--badge-bg);backdrop-filter:blur(16px);justify-content:center;align-items:center;display:flex;position:absolute;inset-block-end:calc(var(--spacing) * -1);inset-inline-end:calc(var(--spacing) * -1)}.roster-avatar__badge-icon{color:var(--icon-color)}.roster-avatar__popover{inline-size:calc(var(--spacing) * 60)}.roster-avatar__popover-header{color:currentColor;outline-color:#0000;font-weight:700}.roster-avatar__popover-role{font-size:var(--text-sm);color:var(--color-text-muted)}.roster-avatar__popover-list{gap:calc(var(--spacing) * 1);font-size:var(--text-sm);flex-direction:column;margin-block-start:calc(var(--spacing) * 4);display:flex}.roster-avatar__popover-item{align-items:flex-start;gap:calc(var(--spacing) * 1);display:flex}.roster-avatar__popover-icon{inline-size:calc(var(--spacing) * 4);flex-shrink:0;margin-block-start:calc(var(--spacing) * .5)}.roster-grid{grid-template-columns:repeat(auto-fill, minmax(calc(var(--spacing) * 12), 1fr));gap:calc(var(--spacing) * 4);display:grid}:where(rich-text-area,.action-bar){--area-option-height:2rem;--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)}rich-text-area{anchor-scope:--rich-text-toolbar-anchor, --rich-text-suggestion-anchor;display:block;&[empty]>[contenteditable][placeholder]:before{content:attr(placeholder);white-space:pre-line;pointer-events:none;cursor:text;color:var(--color-text-subtle);position:absolute}& .suggestion{anchor-name:--rich-text-suggestion-anchor}&>[role=listbox]{position-anchor:--rich-text-suggestion-anchor;position-area:bottom span-right;position-try-fallbacks:flip-block;inline-size:max-content;max-inline-size:var(--container-xl);max-block-size:calc(var(--area-option-height) * 7);overflow-block:auto;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);margin-block-start:var(--spacing);margin-inline-start:calc(var(--spacing) * -1)}&:not(:focus-within) [role=listbox]{display:none}&>[role=listbox]>[role=option]{align-items:center;gap:var(--spacing);max-inline-size:100%;padding-inline:calc(var(--spacing) * 2);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-inline:0;display:flex;overflow:hidden;&+&{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{border-color:var(--color-text)!important;position:static!important}}}rich-text-toolbar{position-anchor:--rich-text-toolbar-anchor;position-area:top;justify-self:anchor-center;inline-size:max-content;margin-block-end:calc(var(--spacing) * 2);margin-inline:calc(var(--spacing) * 2);position-try-fallbacks:flip-block;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);position:absolute;&:is(:empty,:not([visible],:popover-open)){opacity:0;display:none}&:is([visible],:popover-open){opacity:1;display:inline-flex}& button[data-command=removeAttachment]:disabled,& details[data-dialog]:not([open]),& details[data-dialog] summary{display:none}& .toolbar-group{gap:var(--spacing);display:flex;&: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{align-items:center;gap:calc(var(--spacing) * 1);padding:calc(var(--spacing) * 1);border-radius:var(--radius-sm);background-color:var(--color-bg);display:flex;position:absolute;inset:0}& .link-input{inline-size:100%;font-size:var(--text-sm);background-color:#0000;border:none;outline:none;align-items:center;display:flex;&:focus{border:none;outline:none}}}rich-text-toolbar-anchor{anchor-name:--rich-text-toolbar-anchor;pointer-events:none;opacity:0;display:block;position:absolute}:is(.toolbar-group,.actionbar-group)>button{--button-text:var(--color-text-muted);--button-bg:transparent;color:var(--button-text);min-inline-size:var(--area-button-size);block-size:var(--area-button-size);border-radius:var(--radius-sm);background-color:var(--button-bg);justify-content:center;align-items:center;display:inline-flex;&: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}}:where(rich-text-actionbar,.action-bar){align-items:end;gap:var(--spacing);padding-block:var(--spacing);background-color:var(--color-bg);grid-template-columns:1fr auto;display:grid;position:sticky;inset-block-end:0;@media (hover) and (pointer:fine){transition:var(--area-transition);opacity:0;:is(:hover,:focus-within)>&{opacity:1}}& .actionbar-group{align-items:center;gap:var(--spacing);display:flex;&.--end{grid-column:2}&.--attachments{:where([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);cursor:pointer;border-radius:var(--radius-sm);display:block;position:relative;&.ProseMirror-selectednode a{outline:var(--attachment-outline-width) solid var(--color-accent);outline-offset:var(--attachment-outline-width)}& a{gap:var(--spacing);font-size:var(--text-sm);font-weight:var(--font-weight-normal);border-radius:var(--radius-sm);margin-inline:auto;display:flex;rich-text-area &{cursor:default;pointer-events:none}}& span{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;inline-size:0;overflow:hidden}& progress{inline-size:100%;block-size:var(--spacing);padding-inline:calc(var(--spacing) * 2);z-index:1;position:absolute;inset-block-end:calc(var(--spacing) * 2);inset-inline-start:0;[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{flex-direction:column;align-items:center;inline-size:auto;display:inline-flex;position:relative}& img{border-radius:var(--radius-sm);max-block-size:var(--container-3xl);inline-size:100%;max-inline-size:100%}}&:not([sgid],[type=image]) a{color:var(--color-text-subtle);padding-block-end:calc(var(--spacing) * 6)!important}&[type=image]:not([sgid]) a{opacity:.2}&:not([contenteditable]) [target]{&:before{content:"";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);position:absolute;inset-block-start:var(--spacing);inset-inline-end:var(--spacing)}&:after{content:"";inline-size:var(--attachment-icon-size);block-size:var(--attachment-icon-size);opacity:0;transition:var(--attachment-transition);background-color:var(--color-text-muted);position:absolute;inset-block-start:calc(var(--spacing) * 3);inset-inline-end:calc(var(--spacing) * 3);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") 50% no-repeat}&:hover,&:focus{&:before,&:after{opacity:1}}}&:not([contenteditable]) [download]:after{content:"";inline-size:var(--attachment-icon-size);block-size:var(--attachment-icon-size);background-color:var(--color-text-subtle);flex-shrink:0;align-self:center;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") 50% no-repeat}}: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);opacity:.5;background-color:currentColor;flex-shrink:0;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") 50% no-repeat}}rich-text-prompt{column-gap:var(--spacing);grid-template-columns:auto 1fr auto;display:grid;&: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") 50% no-repeat}&:has(>div>:only-child>br:only-child):after{content:"Summarize check-ins, goal updates, activity, etc.";margin:var(--spacing) calc(var(--spacing) * 7);color:var(--color-text-subtle);cursor:text;position:absolute}}&[busy] .loading:before{content:"";inline-size:calc(var(--spacing) * 5);block-size:calc(var(--spacing) * 5);background-color:var(--color-accent);animation:var(--animate-spin);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") 50% no-repeat}&.ProseMirror-selectednode{outline:var(--border-width-md) solid var(--color-accent)}}.select{inline-size:100%;block-size:calc(var(--spacing) * 11);appearance:none;border-radius:var(--radius-sm);color:var(--text);border:var(--border-width-default) solid var(--border);transition:var(--transition-colors) var(--transition-duration) var(--ease-in-out);margin-block-end:0;display:flex;background:0 0!important;&: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{color:currentColor;background:0 0;position:relative;&>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:"";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%);display:block;position:absolute;inset-block-start:50%;inset-inline-end:calc(var(--spacing) * .5);translate:0 -50%;rotate:90deg;scale:.75}}.select-wrapper{grid-template-rows:1fr;grid-template-columns:1fr;align-items:center;display:grid;position:relative;& :is(.field,select){background:0 0;grid-row-start:1;grid-column-start:1}&:after{--size:calc(var(--spacing) * 4);content:"";block-size:var(--size);inline-size:var(--size);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%);grid-row-start:1;grid-column-start:1;justify-self:end;margin-inline-end:var(--size);transform:rotate(90deg)}}.segment-control{border-radius:var(--radius-md);align-items:center;display:inline-flex;position:relative}.segment-control__list{align-items:center;gap:var(--spacing);block-size:calc(var(--spacing) * 10);padding:var(--spacing) 0;display:flex;&.--auto-overflow{overflow-block:hidden;flex-wrap:wrap}}.segment-control__list-item{flex-shrink:0;min-inline-size:0;@media (width>=600px){min-inline-size:2rem}@media (width>=920px){min-inline-size:0}.segment-control__list &{block-size:100%}.segment-control__overflow &{inline-size:100%}}.segment-control__trigger{border-radius:var(--radius-sm);block-size:calc(var(--spacing) * 8);inline-size:calc(var(--spacing) * 8);color:var(--color-text-muted);background-color:#0000;justify-content:center;align-items:center;margin-inline-start:var(--spacing);display:flex;@media (hover) and (pointer:fine){&:hover{color:var(--color-text);background-color:var(--color-bg-muted)}}}.segment-control__item{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);font-weight:var(--font-weight-medium);font-size:var(--text-sm);background-color:#0000;display:flex;@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:popover-open &{max-inline-size:100%}}.segment-control__overflow{[data-segment-control-overflow-count-value="0"] &{display:none}position-area:bottom span-left;.segment-control[data-segment-control-count-value="1"] &{position-area:bottom span-right}@media (width>=600px){.segment-control[data-segment-control-count-value="2"] &{position-area:bottom}}}.segment-control__overflow-list{gap:var(--spacing);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);overflow-block:auto;flex-direction:column;display:flex;@media (width>=600px){max-inline-size:calc(var(--spacing) * 52)}}.status-activities,.user-activities{gap:calc(var(--spacing) * .5);flex-direction:column;margin-block-start:calc(var(--spacing) * 2.5);padding-block-start:0;display:flex;h4+&{margin-block-start:0}}.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 (appearance:none){margin-inline-start:calc(var(--spacing) * 5)}@media (hover) and (pointer:fine){&:hover svg{opacity:1}}& input[type=checkbox]{visibility:hidden;opacity:0;block-size:0;inline-size:0;position:absolute;&: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{color:var(--color-text-muted);margin-inline-start:calc(var(--spacing) * -4);@media (hover) and (pointer:fine){&:hover{color:currentColor}}&:focus{color:currentColor}&>svg{inline-size:calc(var(--spacing) * 4);vertical-align:text-bottom;transition:opacity var(--transition-duration);display:inline-block;@media (width>=680px){opacity:0}}}}}.status-content{gap:calc(var(--spacing) * 3);grid-template-columns:1fr;margin-block-start:var(--spacing);display:grid}.status-content__response{gap:var(--spacing);border-inline-start-width:var(--border-width-md);border-color:color-mix(in srgb, var(--color-text-subtle) 75%, transparent);flex-direction:column;margin-inline-start:calc(var(--spacing) * .5);padding-inline-start:calc(var(--spacing) * 3);display:flex;[data-completed=true] &{border-color:var(--color-bg-success)}&.--summary{padding:calc(var(--spacing) * 3);border-inline-start-width:var(--border-width-md);background-color:var(--color-bg-muted);padding-inline-start:calc(var(--spacing) * 3.5)}}.status-content__response-header{align-items:center;gap:var(--spacing);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);color:var(--color-text-muted);display:flex;[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{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);display:flex}.status-content__response-placeholder{gap:var(--spacing);flex-direction:column;display:flex;&>div{block-size:calc(var(--spacing) * 3);background-color:var(--color-bg-muted);border-radius:var(--radius-sm);display:block}}.status-content__footer{justify-content:space-between;align-items:center;margin-block-start:var(--spacing);display:flex}.status-content__footer-text{align-items:center;gap:var(--spacing);font-size:var(--text-sm);font-weight:var(--font-weight-normal);color:var(--color-text-muted);display:flex;&>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{gap:var(--spacing);margin-block-end:var(--spacing);display:flex;&>*{inline-size:100%}& input{display:none}& :not(:checked)+label{color:var(--color-text-accent);background-color:#0000}}.credits-planner{container-type:inline-size}.credits-planner__grid{gap:calc(var(--spacing) * 6);grid-template-areas:"plans""summary";align-items:start;display:grid;@container (width>=40rem){grid-template-columns:7fr 5fr;grid-template-areas:"plans estimate""summary summary"}@container (width>=56rem){grid-template-rows:1fr auto;grid-template-areas:"plans estimate""plans summary"}}.credits-planner__plans{grid-area:plans}.credits-planner__estimate{grid-area:estimate;align-self:stretch;display:none;@container (width>=40rem){display:block}}.credits-planner__summary{grid-area:summary;&>.credits-summary{margin-block-start:0}}.credits-selector{border:var(--border-width-default) solid var(--color-accent);border-radius:var(--radius-lg);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;&>li{display:contents}& label{align-items:center;gap:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 4);transition-property:background-color;transition-duration:var(--transition-duration);cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);background-color:#0000;display:flex;position:relative;li:first-child>&{border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg)}li:last-child>&{border-end-end-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg)}&:has(input[type=radio]:checked){background-color:var(--color-bg-accent-tint);color:var(--color-text-accent);&.--recommended:before{content:"best fit";color:var(--color-bg);background-color:var(--color-text-accent);border-radius:var(--spacing);font-size:var(--text-sm);font-weight:var(--font-weight-normal);padding-inline:var(--spacing);position:absolute;inset-block-start:calc(var(--spacing) * -2.5)}}@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);background-color:var(--color-bg);cursor:pointer;transition-property:border-color,background-color;transition-duration:var(--transition-duration);flex-shrink:0;position:relative;&:after{content:"";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);position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}&:checked{border-color:var(--color-accent);background-color:var(--color-accent);&:after{opacity:1}}}& span:first-of-type{align-items:center;gap:calc(var(--spacing) * 2);text-align:start;flex:1;min-inline-size:0;display:flex}& small{font-size:var(--text-sm);font-weight:var(--font-weight-normal);display:none;@container (width>=48rem){display:inline-flex}}}.credits-estimate{--border:var(--color-bg-accent);--outline:color-mix(in srgb, var(--color-accent) 20%, transparent);gap:calc(var(--spacing) * 5);block-size:100%;padding:calc(var(--spacing) * 6);border-radius:var(--radius-lg);background-color:var(--color-bg-muted);flex-direction:column;display:flex}.credits-estimate__title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.credits-estimate__input{gap:calc(var(--spacing) * 2);font-size:var(--text-sm);flex-direction:column;display:flex;& label{justify-content:space-between;display:flex}}.credits-estimate__result{font-size:var(--text-sm);color:var(--color-text-muted);& output{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--color-text);&:empty{padding-inline-end:4ch}}}.credits-selector__amount{align-items:center;gap:calc(var(--spacing) * 2);flex:1;min-inline-size:0;display:flex}.credits-selector__bonus{font-size:var(--text-sm);font-weight:var(--font-weight-normal);display:none;@media (width>=600px){display:inline-flex}}.credits-summary{gap:calc(var(--spacing) * 1);padding:calc(var(--spacing) * 6);border-radius:var(--radius-lg);background-color:var(--color-bg-accent-tint);flex-direction:column;margin-block-start:calc(var(--spacing) * 6);display:flex}.credits-summary__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}.credits-summary__details{min-block-size:1lh;font-size:var(--text-sm);color:var(--color-text-muted)}.summarize-button{flex-grow:1;display:flex;@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{justify-content:center;align-items:center;gap:calc(var(--spacing) * .5);padding-inline-end:var(--spacing);line-height:1;display:none;button[disabled]>&.--processing,button:not([disabled])>&.--default{display:flex}}.summarize-button__icon{color:var(--color-text-accent)}.support-pane__button{z-index:40;inline-size:calc(var(--spacing) * 20);align-items:center;gap:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 2) calc(var(--spacing) * 3);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);display:flex;position:fixed;inset-block-end:calc(var(--spacing) * 6);inset-inline-end:calc(var(--spacing) * 6);&:hover,&:active{box-shadow:var(--shadow-xl)}&.--desktop-only{display:none;@media (width>=920px){display:flex}}}.form-switch-label{font-weight:var(--font-weight-medium);white-space:nowrap;align-items:flex-start;margin-block-end:calc(var(--spacing) * 2);display:flex;position:relative}.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;inline-size:calc(var(--spacing) * 11);block-size:calc(var(--spacing) * 6);background-color:var(--switch-bg);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-offset:var(--border-width-md);cursor:pointer;margin-inline-end:calc(var(--spacing) * 3);position:relative;outline:var(--border-width-md) solid var(--switch-outline)!important;background-image:none!important;&:after{content:"";background-color:var(--switch-pill);box-shadow:var(--shadow);block-size:calc(var(--spacing) * 5);inline-size:calc(var(--spacing) * 5);transition:all var(--transition-duration) var(--ease-in-out);border-radius:100%;position:absolute}&: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}}.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)}&.--tight{& :where(th,td){padding:calc(var(--spacing) * 2)}}&.--right-aligned{table-layout:auto;inline-size:100%;& :where(th,td):not(:first-child){text-align:end}}}.table-scroll-x{overflow-inline:auto;&>table{white-space:nowrap;inline-size:100%;& :is(th,td):first-child{z-index:1;background-color:var(--color-bg);position:sticky;inset-inline-start:0}}}.tabs{& nav{gap:calc(var(--spacing) * 8);white-space:nowrap;margin-block-end:-1px;display:flex;& :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);border-block-end:var(--border-width-md) solid var(--tabs-border);white-space:nowrap;border-radius:0;color:var(--tabs-text)!important;@media (hover) and (pointer:fine){&:hover{color:var(--tabs-text-hover);border-color:var(--tabs-border-hover)}}&:not([hidden]){align-items:center;display:inline-flex}&: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 (width>=600px){border-block-end:var(--border-width-default) solid var(--color-border-muted)}& nav{display:none;@media (width>=600px){display:block}}& select{@media (width>=600px){display:none}}}&.--scrollable{--tabs-offset:calc(var(--spacing) * 6);margin-inline:calc(var(--tabs-offset) * -1);border-block-end:var(--border-width-default) solid var(--color-border-muted);overflow:auto hidden;@media (width>=600px){inline-size:100%;margin-inline:0;overflow:visible}& nav{padding-inline:var(--tabs-offset);inline-size:min-content;@media (width>=600px){padding-inline:0}}& a{text-align:center}}}.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));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);align-items:center;display:inline-flex;&: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}.templates{gap:calc(var(--spacing) * 8);max-block-size:80dvh;display:grid;@media (width>=680px){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 (width>=680px){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);gap:var(--spacing);flex-direction:column;margin-block-end:calc(var(--spacing) * 2);display:flex;&>li{border-radius:var(--radius-sm);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex;position:relative;&: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);align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 1.5);line-height:var(--leading-tight);color:inherit;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);background-color:#0000;display:flex}& :is(button){cursor:pointer;opacity:0;padding:calc(var(--spacing) * 1.5);color:inherit;outline-offset:calc(var(--spacing) * -.5);inline-size:min-content;transition:opacity .2s ease-in-out;&:hover,&:focus{opacity:1}}}.templates__pane{max-block-size:inherit;display:flex}.templates__content{gap:calc(var(--spacing) * 4);flex-direction:column;inline-size:100%;display:flex;&>input{padding-inline:calc(var(--spacing) * .5)}&>form{display:contents}}.templates__content-body{flex-grow:1;overflow:clip auto;justify-content:unset!important;block-size:calc(var(--spacing) * 64)!important;@media (width>=680px){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{gap:calc(var(--spacing) * 2);justify-content:space-between;display:flex;&>div{gap:calc(var(--spacing) * 2);display:flex;&:last-child{display:none;@media (width>=680px){display:flex}}}}.template-list__item{justify-content:space-between;gap:calc(var(--spacing) * 4);border-block-end:var(--border-width-default) solid var(--color-border-muted);inline-size:100%;display:flex}.template-list__link{gap:calc(var(--spacing) * 1);max-inline-size:75%;padding-block:calc(var(--spacing) * 4);font-size:var(--text-sm);flex-grow:1;align-items:center;display:flex;&:not(:hover){color:currentColor}}.template-list__icon{inline-size:calc(var(--spacing) * 4);flex-shrink:0}.template-list__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.template-list__actions{gap:calc(var(--spacing) * 1);align-items:center;display:flex}.template-list__add{gap:calc(var(--spacing) * 1);padding-block:calc(var(--spacing) * 4);font-size:var(--text-sm);display:flex;&:not(:hover){color:currentColor}}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;z-index:50;inline-size:fit-content;max-inline-size:var(--container-sm);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);backdrop-filter:var(--blur-md);gap:calc(var(--spacing) * 3);box-shadow:var(--shadow-lg);transform:translateY(calc(var(--spacing) * -4));opacity:0;align-items:center;margin-inline:auto;display:inline-flex;position:fixed;inset-block-start:calc(var(--spacing) * 8);inset-inline:0;&[visible]{opacity:1;transform:translateY(0)}}.toolbar{z-index:10;block-size:calc(var(--spacing) * 12);align-items:center;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);display:flex;position:relative;@media (width>=680px){z-index:20;position:sticky;inset-block-start:0}}.toolbar__filters{gap:calc(var(--spacing) * 2);flex-grow:1;display:flex}.toolbar__tools{align-self:end;gap:calc(var(--spacing) * 2);display:flex}.tooltip{pointer-events:none;inline-size:max-content;max-inline-size:calc(var(--spacing) * 96);margin:calc(var(--spacing) * 2);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(--color-white);background-color:oklch(from var(--color-neutral) var(--800));border:var(--border-width-default) solid oklch(from var(--color-neutral) var(--700) / 50%);box-shadow:var(--shadow-lg);border-radius:var(--radius-sm);position:absolute;&[data-placement=top]{position-area:top;position-try-fallbacks:flip-block}&[data-placement=bottom]{position-area:bottom;position-try-fallbacks:flip-block}&[data-placement=right]{position-area:right;position-try-fallbacks:flip-inline}&[data-placement=left]{position-area:left;position-try-fallbacks:flip-inline}}.upload{align-items:center;gap:calc(var(--spacing) * 4);display:flex}.upload__controls{align-items:flex-end;gap:calc(var(--spacing) * 1);flex-direction:column;display:flex}.upload__help{font-size:var(--text-sm);color:var(--color-text-muted)}.upload__error{font-size:var(--text-sm);color:var(--color-text-danger)}.user-avatar{--user-avatar-radius:100%;background-color:var(--color-bg-muted);border-radius:var(--user-avatar-radius);aspect-ratio:1;position:relative;&.--agent{--user-avatar-radius:var(--radius-sm)}}.user-avatar__image{border-radius:var(--user-avatar-radius);block-size:100%;inline-size:100%}.user-avatar__mood-emoji{inline-size:calc(var(--spacing) * 4);block-size:calc(var(--spacing) * 4);pointer-events:none;filter:drop-shadow(var(--drop-shadow-md));border-radius:100%;line-height:1;position:absolute;inset-block-start:0;inset-inline-end:0}}@layer layouts{.app{background-color:var(--color-bg);@media (width>=680px){background-color:var(--color-canvas);grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:auto 1fr;block-size:100vh;display:grid;overflow-y:clip}}.app__header{align-items:center;gap:calc(var(--spacing) * 4);block-size:calc(var(--spacing) * 12);padding-inline:calc(var(--spacing) * 2.5);z-index:20;grid-column:1/span 2;grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative;inset-block-start:0;@media (width>=680px){padding-inline:calc(var(--spacing) * 4);z-index:1;position:sticky}[data-platform=desktop-app] &{app-region:drag;-webkit-user-select:none;user-select:none;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;& :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{color:currentColor;display:none;[data-platform=desktop-app] &{display:flex}& svg{color:currentColor;transition:color .1s}}.app__content{border-block-start:var(--color-border-muted) solid var(--border-width-default);background-color:var(--color-bg);grid-row-start:3;grid-column-start:2;max-inline-size:100%;transition:padding .2s;overflow-x:clip;@media (width>=680px){block-size:100%;box-shadow:var(--shadow-2xl);border-inline-start:var(--color-border-muted) solid var(--border-width-default);border-start-start-radius:var(--radius-md);position:sticky;inset-block-start:0;overflow-y:auto}}.card-layout{min-block-size:100vh;inline-size:100%;padding:calc(var(--spacing) * 4);background-color:var(--color-bg);grid-template-rows:auto 1fr;grid-template-columns:1fr;display:grid}.card-layout__background{z-index:0;block-size:100%;inline-size:100%;position:fixed;inset:0}.card-layout__header{display:flex;position:relative}.card-layout__logo{color:var(--color-text-accent);&>svg{inline-size:calc(var(--spacing) * 8)}}.card-layout__main{gap:calc(var(--spacing) * 4);inline-size:100%;max-inline-size:32rem;padding:calc(var(--spacing) * 8);border:var(--border-width-default) solid var(--color-border-subtle);border-radius:var(--radius-sm);background-color:var(--color-bg);box-shadow:var(--shadow-xs);flex-direction:column;place-self:center;margin-inline:auto;display:flex;position:relative}.chat-import__header{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);margin-block-end:calc(var(--spacing) * 8);padding-block-end:calc(var(--spacing) * 4)}.chat-import__error{@media (width>=920px){inline-size:66.6667%}}.chat-import__error-message{font-weight:var(--font-weight-bold);color:var(--color-text-danger);margin-block-end:calc(var(--spacing) * 4)}.chat-import__error-text{margin-block-end:calc(var(--spacing) * 4)}.chat-import__error-actions{border-block-start:var(--border-width-default) solid var(--color-border-muted);margin-block-start:calc(var(--spacing) * 4);padding-block-start:calc(var(--spacing) * 4)}.chat-import__instructions{font-weight:var(--font-weight-bold);margin-block-end:calc(var(--spacing) * 4)}.chat-import__search{inline-size:100%;@media (width>=680px){inline-size:33.3333%}}.chat-import__search-wrapper{position:relative}.chat-import__search-label{padding:calc(var(--spacing) * 3);color:var(--color-text-muted);position:absolute;inset-inline-end:0}.chat-import__form{border-block-start:var(--border-width-default) solid var(--color-border-muted);margin-block-start:calc(var(--spacing) * 4);padding-block-start:calc(var(--spacing) * 4)}.chat-import__grid{gap:calc(var(--spacing) * 2);border-block-end:var(--border-width-default) solid var(--color-border-muted);margin-block-end:calc(var(--spacing) * 4);padding-block-end:calc(var(--spacing) * 4);display:grid;@media (width>=680px){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=920px){grid-template-columns:repeat(3,minmax(0,1fr))}@media (width>=1280px){grid-template-columns:repeat(4,minmax(0,1fr))}}.chat-import__member-label{align-items:flex-start;gap:calc(var(--spacing) * 2);margin-inline-start:calc(var(--spacing) * 2);display:flex}.chat-import__member-checkbox{margin-block-start:calc(var(--spacing) * 1)}.empty-state{justify-content:center;align-items:center;gap:calc(var(--spacing) * 1);block-size:60vh;color:var(--color-text-muted);padding-inline:calc(var(--spacing) * 4);flex-direction:column;display:flex;& svg{inline-size:calc(var(--spacing) * 8)}}.empty-state__message{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);&.--no-icon{font-size:var(--text-sm);font-weight:var(--font-weight-normal);margin-block-start:calc(var(--spacing) * 16)}}.entity-layout{inline-size:100%}.entity-layout__toolbar{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);flex-direction:column;display:flex;@media (width>=920px){grid-template-columns:1fr 1fr;align-items:center;display:grid}}.entity-layout__search-wrapper{margin-block-end:0;position:relative}.entity-layout__search-label{padding:calc(var(--spacing) * 3);color:var(--color-text-muted);position:absolute;inset-inline-end:0;& 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{padding-block:calc(var(--spacing) * 4);border-block-end:var(--border-width-default) solid var(--color-border-muted);justify-content:space-between;align-items:center;display:flex;fragment-frame[aria-busy] &:has(:focus){opacity:.5;pointer-events:none}@media (width>=600px){gap:0 calc(var(--spacing) * 4)}@media (width>=680px){grid-template-columns:auto 1fr 1fr auto;display:grid}}.entity-layout__avatar{aspect-ratio:1;flex-shrink:0;block-size:auto;inline-size:auto;display:none;@media (width>=600px){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{gap:calc(var(--spacing) * 1);font-weight:var(--font-weight-semibold);text-align:center;display:flex;&.--inactive{color:var(--color-text-muted)}}.entity-layout__name{text-overflow:ellipsis;white-space:nowrap;inline-size:auto;display:block;overflow:hidden}.entity-layout__subtext{font-size:var(--text-sm);color:var(--color-text-muted);word-break:break-all;@media (width>=680px){word-break:normal}}.entity-layout__metadata{color:var(--color-text-muted);display:none;@media (width>=680px){display:inline}}.entity-layout__actions{gap:calc(var(--spacing) * 2);align-items:center;display:flex;@media (width>=680px){grid-column:-1}}.open-desktop-app{background-color:var(--color-canvas);block-size:100vh;inline-size:100vw;&:popover-open{place-items:center;display:grid}}.open-desktop-app__content{justify-content:center;align-items:center;gap:calc(var(--spacing) * 4);color:var(--color-text-muted);padding-inline:calc(var(--spacing) * 4);flex-direction:column;margin-block-start:calc(var(--spacing) * -8);display:flex}.open-desktop-app__header{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);text-wrap:balance}@layer layouts{.page-search{display:none;@media (width>=600px){display:block}&[open] .page-search__trigger{display:none}}.page-search__wrapper{display:flex}.page-search__input{block-size:calc(var(--spacing) * 8);border-start-end-radius:0;border-end-end-radius:0;margin-block-end:0}.page-search__cancel{inline-size:calc(var(--spacing) * 8);border-start-start-radius:0;border-end-start-radius:0;flex-shrink:0;padding:0}.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{z-index:10;max-block-size:calc(var(--spacing) * 28);border:var(--border-width-default) solid var(--color-canvas);position:relative;&.--person{inline-size:calc(var(--spacing) * 20);margin-block-start:calc(var(--spacing) * -12);inset-inline-start:calc(var(--spacing) * 6)}&.--team,&.--agent{inline-size:calc(var(--spacing) * 16);background-color:var(--color-bg);grid-row-start:1;grid-column-start:1;justify-self:start;margin-block-start:calc(var(--spacing) * -10);inset-inline-start:calc(var(--spacing) * 8)}}.profile-overview__content{gap:calc(var(--spacing) * 2);flex-direction:column;margin-block-start:calc(var(--spacing) * -6);display:flex}.profile-overview__heading{align-items:center;gap:calc(var(--spacing) * 2);font-weight:var(--font-weight-semibold);display:flex}.profile-overview__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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{gap:calc(var(--spacing) * 1);font-size:var(--text-sm);color:var(--color-text-muted);flex-direction:column;display:flex}.profile-overview__info-item{align-items:center;gap:calc(var(--spacing) * 1);display:flex;&.--start{align-self:start}}.profile-overview__icon{inline-size:calc(var(--spacing) * 4);block-size:calc(var(--spacing) * 4)}}.preferences-layout{background-color:var(--color-bg);min-block-size:100%;padding:0;@media (width>=920px){grid-template-columns:minmax(16rem,16vw) 1fr;align-items:start;display:grid;position:relative}&.--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 (width>=680px){padding-block-start:calc(var(--spacing) * 4);padding-inline:calc(var(--spacing) * 6)}@media (width>=920px){inline-size:100%;grid-column-start:1;justify-content:start;margin-block-end:0;padding-block-start:calc(var(--spacing) * 8);position:sticky}&>summary{gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 3);font-weight:var(--font-weight-medium);border-block-end:var(--border-width-default) solid var(--color-border-muted);border-radius:0;margin-block-end:calc(var(--spacing) * 4);display:flex;@media (width>=680px){padding-inline:0}@media (width>=920px){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{flex-direction:column;display:flex;&>li a{padding:calc(var(--spacing) * 2);font-weight:var(--font-weight-medium);color:var(--color-text-muted);border-radius:var(--radius-sm);margin-block-end:calc(var(--spacing) * 2);transition:all .1s;display:block;@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 (width>=920px){border-inline-start:var(--border-width-default) solid var(--color-border-muted);min-block-size:100%}&.--wide{grid-column:1/-1}}.preferences-content__inner{padding-block:calc(var(--spacing) * 6) calc(calc(var(--spacing) * 16) + env(safe-area-inset-bottom));max-inline-size:var(--container-6xl);margin-inline:auto}.setting{gap:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 6);border-block-end:var(--border-width-default) solid var(--color-border-muted);flex-direction:column;display:flex;&:has(+.integration-connections){padding-block:calc(var(--spacing) * 6) calc(var(--spacing) * 4);border-block-end:none}&.--disabled{opacity:.5}&.--inline{@media (width>=680px){grid-template-columns:repeat(2,minmax(0,1fr));justify-content:space-between;align-items:center;display:grid}}}.setting__header{gap:calc(var(--spacing) * 1);flex-direction:column;display:flex}.setting__label{font-size:var(--text-md);font-weight:var(--font-weight-medium)}.setting__help{font-size:var(--text-sm);color:var(--color-text-muted);text-wrap:balance;margin-block-end:calc(var(--spacing) * 2)}.setting__field{.setting.--inline &{@media (width>=680px){justify-content:flex-end;align-items:flex-end;gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}}&>.btn{@media (width>=600px){inline-size:auto}}}.setting-group{margin-block:calc(var(--spacing) * 2) calc(var(--spacing) * 20);flex-direction:column;display:flex;&:last-child{margin-block-end:0}}.setting-group__title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin-block-end:calc(var(--spacing) * 2)}.setting-group__description{margin-block:calc(var(--spacing) * 1) calc(var(--spacing) * 4);font-size:var(--text-sm);color:var(--color-text-muted);text-wrap:balance}.setting-group__content{flex-direction:column;display:flex}.side-nav{--nav-bg:var(--color-bg);--nav-icon-size:calc(var(--spacing) * 6);z-index:100;inline-size: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-direction:column;flex-shrink:0;grid-row:span 2;grid-column-start:1;justify-content:space-between;display:flex;position:fixed;inset-block-end:0;@media (width>=680px){--nav-bg:transparent;inline-size:calc(var(--spacing) * 14);z-index:auto;block-size:100%;padding-block-start:var(--spacing);position:sticky;inset-block:0 auto;overflow-x:clip}@media (width>=1280px){transition:inline-size var(--transition-duration) var(--ease-in-out)}}.side-nav__group{justify-content:center;align-items:stretch;gap:calc(var(--spacing) * 2);display:flex;@media (width>=680px){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]){grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;display:grid;position:relative;&>a{grid-area:1/1;justify-self:stretch}&:before,&:after{border-radius:var(--border-radius-full);pointer-events:none;grid-area:1/1;position:relative}}&[data-badge-unread]:not([data-badge-unread=false]):before{content:"";inline-size:var(--spacing);block-size:var(--spacing);background-color:var(--nav-unread);display:block;inset-block-start:calc(var(--spacing) * -2.5);inset-inline-start:calc(var(--spacing) * -3.5);@media (width>=680px){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{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;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;line-height:1;display:flex;inset-block-start:calc(var(--spacing) * -2.5);inset-inline-start:calc(var(--spacing) * 3);transform:scale(.9);@media (width>=680px){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)}padding:calc(var(--spacing) * 2.5) calc(var(--spacing) * 2);border-radius:var(--radius-sm);white-space:nowrap;background-color:var(--nav-bg);flex-direction:column;justify-content:center;align-items:center;display:flex;color:var(--nav-text)!important;&:focus-visible{--nav-text:var(--nav-text-hover);--nav-bg:var(--nav-bg-hover);outline:none}& svg{inline-size:var(--nav-icon-size);block-size:var(--nav-icon-size);flex-shrink:0;align-self:center;margin-inline-start:var(--border-width-default);display:inline-flex;@media (width>=680px){--nav-icon-size:calc(var(--spacing) * 5)}}}.side-nav__sub-control{--nav-text:var(--color-text-accent);justify-content:center;& svg{color:var(--nav-text);inline-size:var(--nav-icon-size)!important;block-size:var(--nav-icon-size)!important}}.side-nav__title{opacity:0;inline-size: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);display:none;@media (width>=1280px){body.nav-maximized &{opacity:1;inline-size:auto;overflow:hidden}}}.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 (width>=680px){grid-template-columns:1fr;align-items:stretch;block-size:100%;display:grid;position:relative;overflow-y:hidden}@media (width>=920px){grid-template-columns:1fr minmax(18rem,33vw)}@media (width>=1280px){grid-template-columns:1fr minmax(24rem,24vw)}}.sidepane__primary{scroll-behavior:smooth;grid-row-start:1;grid-column-start:1;@media (width>=680px){overscroll-behavior:none;max-block-size:100%;overflow:clip auto}@media (prefers-reduced-motion){scroll-behavior:auto}&.--toolbar{scroll-padding-block-start:calc(var(--spacing) * 20)}}.sidepane__primary-content{padding-inline:var(--px-page);padding-block:calc(var(--spacing) * 6) var(--safe-padding-sm);box-sizing:content-box;container-type:inline-size;@media (width>=920px){padding-block:calc(var(--spacing) * 6) var(--safe-padding-lg)}&.--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 (width>=920px){padding-block:0}}}.sidepane__secondary{gap:calc(var(--spacing) * 8);block-size:100%;inline-size:100%;max-inline-size:90%;padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 2) var(--safe-padding-sm);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);backdrop-filter:blur(var(--blur-xl));flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-end:0;overflow:clip auto;@media (width>=920px){padding-block-end:var(--safe-padding-lg)}@media (width>=600px){max-inline-size:var(--container-md)}@media (width>=680px){inline-size:calc(var(--spacing) * 96);grid-row-start:1;grid-column-start:1;justify-self:end;position:sticky}@media (width>=920px){z-index:auto;max-block-size:100%;inline-size:100%;max-inline-size:none;box-shadow:none;grid-column-start:2;justify-content:flex-start;padding-block-end:var(--safe-padding-lg);position:static;inset-block:auto;inset-inline-end:auto;display:flex!important}}.social{align-items:center;column-gap:calc(var(--spacing) * 3);grid-column:1/-1;grid-template-columns:minmax(0,auto) minmax(0,auto) minmax(0,1fr) minmax(0,auto);display:grid;position:relative;@media (width>=680px){grid-column-start:2}@media print{display:none}&>:nth-last-child(2){grid-column:4/span 1}&>:last-child{grid-column:1/-1}border-block-start:var(--border-width-default) solid var(--color-border-muted);margin-block-start:calc(var(--spacing) * 12);padding-block-start:calc(var(--spacing) * 2);[data-content-card-element=reactions] &{border-block-start:0;margin-block-start:0;padding-block-start:0}}.social__title{align-items:center;gap:calc(var(--spacing) * .5);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);display:flex;@media (width>=600px){font-size:var(--text-sm)}& span{display:none;@media (width>=600px){display:inline}}}.social__button{z-index:auto;align-items:center;gap:calc(var(--spacing) * .5);inline-size:auto;padding-block:calc(var(--spacing) * 2);font-size:var(--text-xs);cursor:pointer;color:var(--color-text-muted);display:inline-flex;position:relative;@media (hover) and (pointer:fine){&:hover{color:currentColor}}.is-static &{display:none}}:is(.reactions,.social__comments-container){transition:opacity var(--transition-duration) var(--ease-in-out);fragment-frame[aria-busy] &:has(:focus){pointer-events:none;opacity:.75}}.social__read-receipts-menu{inline-size:calc(var(--spacing) * 64);padding:calc(var(--spacing) * 3);padding-inline-end:calc(var(--spacing) * 1);@media (width>=680px){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{font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-block-end:calc(var(--spacing) * 2)}.social__comments-toggle{display:none}.social:has(.social__comments-toggle: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)}.status-absence-layout{justify-content:center;align-items:center;gap:calc(var(--spacing) * 1);block-size:60vh;color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex;&>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{align-items:center;gap:calc(var(--spacing) * 4);flex-direction:column;margin-block-start:calc(var(--spacing) * 8);display:flex}.status-toggle-grid{gap:calc(var(--spacing) * 2);display:grid;@media (width>=600px){grid-template-columns:repeat(2,minmax(0,1fr))}}.status-toggle-grid__item{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;display:flex}.status-toggle-grid__avatar{inline-size:calc(var(--spacing) * 6);block-size:calc(var(--spacing) * 6)}.status-toggle-grid__name{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;overflow:hidden}.status-toggle-grid__checkbox{margin-inline-end:0}.zero-edge{padding-inline:var(--px-page);padding-block:calc(var(--spacing) * 8);text-align:center;justify-content:center;align-items:center;min-block-size:80vh;display:flex;&.--in-content{min-block-size:50vh}}.zero-edge__content{max-inline-size:var(--container-xl);align-self:center;gap:calc(var(--spacing) * 4);flex-direction:column;align-items:center;display:flex;& .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:50%;transform-box:fill-box;animation:1.4s ease-in-out infinite both pdots-bounce;&.pdots__1{animation-delay:-.32s}&.pdots__2{animation-delay:-.16s}}.animate-grow{@supports not (view-transition-name:none){transform-origin:0;animation:.5s ease-in-out forwards grow}}.bump{@media (width>=600px){transform-origin:50%;animation:.15s ease-in-out forwards bump}}@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%{opacity:0;transform:translate(.5rem)scale(1)}50%{opacity:1;transform:scale(1.25)}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}}.border-collapse{border-collapse:collapse}.rounded-full{border-radius:2147483647px}.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}.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)}.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-start{align-self:start}.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 (width>=600px){.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 (width>=680px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline-block{display:inline-block}}@media (width>=920px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline-block{display:inline-block}}.block-character{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)));display:inline-block}.button-group{gap:calc(var(--spacing) * 2);flex-direction:column;display:flex;@media (width>=680px){flex-direction:row;&>*{inline-size:auto}}&.--grow-primary{&>:first-child{flex-grow:.2}}&.--grow-all{&>*{flex-grow:1}}&.--separated{@media (width>=680px){justify-content:space-between}}}.container-page{padding-inline:var(--px-page);padding-block:calc(var(--spacing) * 8);@media (width>=680px){padding-block:calc(var(--spacing) * 10)}}.disable-others:has(:disabled) button:not(:disabled){display:none}.draggable{app-region:drag}.field-group{gap:calc(var(--spacing) * 2);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));display:grid}.inline-form{gap:calc(var(--spacing) * 2);align-items:center;inline-size:100%;display:grid;@media (width>=680px){grid-template-columns:1fr auto}}.pt-traffic-light-safe{padding-block-start:var(--traffic-light-inset-top)}.px-page{padding-inline:var(--px-page)}.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)}.-mt-4{margin-block-start:calc(var(--spacing) * -4)}.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)}.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-6{padding-block-start:calc(var(--spacing) * 6)}.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)}.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 (width>=680px){.md\:w-auto{inline-size:auto}}.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-disc{list-style-type:disc}.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}}