*{box-sizing:border-box}body,html{box-sizing:border-box;background:var(--color--paper);color:var(--color--ink);font-family:var(--font--copy);margin:0;padding:0;transition:--hue .5s ease-in-out;overflow-x:hidden}:any-link{color:currentColor;text-decoration:none}a:not([class]){-webkit-text-decoration:underline var(--color--accent);-webkit-text-decoration:underline var(--color--accent);text-decoration:underline var(--color--accent)}:any-link+:any-link{padding:0 var(--space--1)}svg{width:auto;height:100%;min-width:var(--space--finger)}img{object-fit:cover;width:100%;max-width:100%;height:100%}picture{height:auto;overflow:hidden}figure{width:fit-content;box-shadow:var(--shadow--box)}figure img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100vh}figcaption{padding:var(--space--gutter);font-family:var(--font--display);border-bottom:var(--border)}p{line-height:1.5}time,mark,data{font:var(--font--system)}blockquote{padding:var(--space--2)var(--space--3);border-left:var(--border)var(--color--green);background-color:var(--color--paper);box-shadow:var(--shadow);margin:0}h1,.heading__1{font-family:var(--font--display);font-size:var(--type-size--1);margin:0;font-weight:100}h1:not([class]){margin-bottom:.75em}h2,.heading__2{font-family:var(--font--display);font-size:var(--type-size--2);margin:0;font-weight:100}h2:not([class]){margin-bottom:.75em}h3,.heading__3{font-family:var(--font--display);font-size:var(--type-size--3);margin:0;font-weight:100}h3:not([class]){margin-bottom:.75em}h4,.heading__4{font-family:var(--font--display);font-size:var(--type-size--4);margin:0;font-weight:100}h4:not([class]){margin-bottom:.75em}h5,.heading__5{font-family:var(--font--display);font-size:var(--type-size--5);margin:0;font-weight:100}h5:not([class]){margin-bottom:.75em}h6,.heading__6{font-family:var(--font--display);font-size:var(--type-size--6);margin:0;font-weight:100}h6:not([class]){margin-bottom:.75em}ul[class],ol[class]{margin:0 auto auto 0;padding:0;list-style:none}ul[class] li,ol[class] li{padding-left:0}table{border-bottom:var(--border);width:max-content;max-width:100%;display:block;overflow:auto}thead th{font:var(--font--system);background-color:var(--color--shade)}td{padding:var(--space--1);background-color:var(--color--shade)}input,textarea{appearance:none;padding:var(--spacing--2);background-color:#0000;border:0}dialog{background-color:var(--color--paper);color:var(--color--ink);z-index:1000;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}dialog[open]{display:block}dialog::backdrop{-webkit-backdrop-filter:blur(var(--space--1));backdrop-filter:blur(var(--space--1))}code{font-family:var(--font--system);background-color:var(--color--ink);color:var(--color--paper);padding:var(--space--1)var(--space--2);box-shadow:var(--shadow-elevation-medium)}button,.button{appearance:none;font:600 var(--type-size--6)var(--font--system),monospace;text-align:center;white-space:nowrap;min-width:var(--space--finger);place-content:center;place-items:center;gap:var(--space--1);cursor:pointer;height:fit-content;color:var(--color--ink);border:var(--border);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:var(--space--1)var(--space--2);transition:border-color .6s var(--curve--cheeky);background-color:#0000;text-decoration:none;display:inline-flex}.button--naked{box-shadow:none;background-color:#0000;border:none}.button--icon{box-shadow:var(--shadow);color:var(--color--ink);font-size:var(--type-size--4);min-width:0;width:var(--space--finger);height:var(--space--finger);background-color:#0000;border:none;border-radius:0;padding:0}.button--icon>svg,.button--icon>img{--space--finger:calc(var(--space--finger)*.75);width:var(--space--finger);height:var(--space--finger);max-width:var(--space--finger);fill:currentColor}@keyframes fade{0%{opacity:0}to{opacity:100}}@keyframes gentle-hue-shift{0%{--hue:260}to{--hue:300}}@keyframes move-morph{0%{border-radius:47% 53% 70% 30%/30% 52% 48% 70%;transform:translate(-50%,-50%)rotate(-15deg)}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%;transform:translate(-50%,-50%)rotate(0)scale(.95)}75%{border-radius:33% 67% 58% 42%/27% 63% 37% 73%}to{border-radius:47% 53% 70% 30%/30% 52% 48% 70%;transform:translate(-50%,-50%)rotate(15deg)}}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-VariableFont_wght.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-VariableFont_wght.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Material Symbols Outlined;src:url(/fonts/MaterialSymbolsOutlined%5BFILL,GRAD,opsz,wght%5D.woff2)format("woff2");font-weight:100 700;font-style:normal;font-display:swap}@font-face{font-family:Material Symbols Rounded;src:url(/fonts/MaterialSymbolsRounded%5BFILL,GRAD,opsz,wght%5D.woff2)format("woff2");font-weight:100 700;font-style:normal;font-display:swap}@font-face{font-family:Material Symbols Sharp;src:url(/fonts/MaterialSymbolsSharp%5BFILL,GRAD,opsz,wght%5D.woff2)format("woff2");font-weight:100 700;font-style:normal;font-display:swap}:root{--border:.5px solid var(--color--shade);--border-radius:var(--type-size--3)}@property --hue{syntax:"<number>";inherits:true;initial-value:260}:root{--hue:260;--hue-spread:40;--luma:.7;--chroma:.15;--alpha:.95;--hue-green:calc(var(--hue) - var(--hue-spread)*2.5);--hue-blue:calc(var(--hue) - var(--hue-spread));--hue-purple:var(--hue);--hue-pink:calc(var(--hue) + var(--hue-spread));--color--green:oklch(var(--luma)calc(var(--chroma)*1.1)var(--hue-green)/var(--alpha));--color--blue:oklch(var(--luma)var(--chroma)var(--hue-blue)/var(--alpha));--color--purple:oklch(var(--luma)var(--chroma)var(--hue-purple)/var(--alpha));--color--pink:oklch(calc(var(--luma)*1.05)calc(var(--chroma)*1.5)var(--hue-pink)/var(--alpha));--color--paper:oklch(.97 .02 var(--hue));--color--ink:oklch(.2 .05 var(--hue));--color--light:oklch(.99 .02 var(--hue));--color--shade:oklch(.6 .05 var(--hue)/.2);--color--accent:var(--color--pink);--color--error:var(--color--pink);--color--success:var(--color--green);--font--display:"Space Grotesk",system-ui,serif;--font--copy:"Commissioner",system-ui,sans-serif;--font--system:100 100%/2 "Inconsolata","Monaco","Menlo",monospace;--shadow-color:.6 .02 var(--hue);--shadow-elevation-low:-.8px .8px 1.5px oklch(var(--shadow-color)/.15),-1.4px 1.4px 2.5px -.7px oklch(var(--shadow-color)/.23),-2.9px 2.9px 5.3px -1.4px oklch(var(--shadow-color)/.3);--shadow-elevation-medium:-.8px .8px 1.5px oklch(var(--shadow-color)/.16),-3px 2.9px 5.4px -.5px oklch(var(--shadow-color)/.22),-6.6px 6.5px 11.9px -1px oklch(var(--shadow-color)/.28),-14.7px 14.5px 26.5px -1.4px oklch(var(--shadow-color)/.33);--shadow-elevation-high:-.8px .8px 1.5px oklch(var(--shadow-color)/.15),-5.1px 5.1px 9.3px -.2px oklch(var(--shadow-color)/.18),-9.2px 9px 16.5px -.4px oklch(var(--shadow-color)/.2),-14px 13.8px 25.2px -.6px oklch(var(--shadow-color)/.23),-20.8px 20.5px 37.5px -.8px oklch(var(--shadow-color)/.26),-30.7px 30.2px 55.2px -1px oklch(var(--shadow-color)/.28),-44.7px 44px 80.4px -1.2px oklch(var(--shadow-color)/.31),-63.9px 63px 115.1px -1.4px oklch(var(--shadow-color)/.34);--shadow:var(--shadow-elevation-low);--space--1:clamp(2px,1vw + 1px,10px);--space--2:clamp(4px,2vw + 1px,20px);--space--3:clamp(6px,3vw + 1px,30px);--space--4:clamp(8px,4vw + 1px,40px);--space--5:clamp(10px,5vw + 1px,50px);--space--6:clamp(12px,6vw + 1px,60px);--space--container:clamp(var(--space--container-min),calc(100vw - calc(var(--space--gutter)*2)),var(--space--container-max));--space--container-min:300px;--space--container-max:1200px;--space--gutter:var(--space--2);--space--line:80ch;--space--finger:48px;--type-size--6:clamp(.83rem,.44vw + .72rem,.9375rem);--type-size--5:clamp(1rem,.53vw + .87rem,1.2rem);--type-size--4:clamp(1.2rem,.64vw + 1.04rem,1.44rem);--type-size--3:clamp(1.44rem,.77vw + 1.25rem,1.73rem);--type-size--2:clamp(1.73rem,.92vw + 1.5rem,2.07rem);--type-size--1:clamp(2.07rem,2.49vw + 2.25rem,6rem);--type-size--reset:100%;--curve--smooth:cubic-bezier(.4,0,.2,1);--curve--bounce:cubic-bezier(.68,-.55,.27,1.55);--curve--cheeky:cubic-bezier(.5,1.75,.75,1.25);--curve--easy-ease:cubic-bezier(.25,.1,.25,1);--curve--snap:cubic-bezier(.23,1,.32,1);--curve--whip-pan:cubic-bezier(.25,.46,.45,.94);--curve--shimmy:cubic-bezier(.68,-.6,.32,1.6);--curve--burst:cubic-bezier(.175,.885,.32,1.275);--curve--bounce-in:cubic-bezier(.68,-.55,.265,1.55);--curve--bounce-out:cubic-bezier(.175,.885,.32,1.275);--curve--judder:cubic-bezier(.6,-.28,.735,.045);--curve--peek:cubic-bezier(.55,.055,.675,.19);--curve--breathe:cubic-bezier(.4,0,.6,1);--curve--pop:cubic-bezier(.175,.885,.32,1.275);--curve--double-take:cubic-bezier(.68,-.55,.27,1.55);--curve--slide:cubic-bezier(.25,.46,.45,.94);animation:30s ease-in-out infinite alternate gentle-hue-shift}[hidden=true],.is-hidden{display:none}.is-invisible{opacity:0;margin-left:-999em;position:absolute}.is-visible{position:inherit;margin:inherit;opacity:1}.c-icon{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;vertical-align:middle;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.c-icon.filled,.c-icon.active,[aria-pressed=true] .c-icon,[aria-selected=true] .c-icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.c-icon.small{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;font-size:18px}.c-icon.large{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 40;font-size:32px}.c-icon.small.filled,.c-icon.small.active,[aria-pressed=true] .c-icon.small,[aria-selected=true] .c-icon.small{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.c-icon.large.filled,.c-icon.large.active,[aria-pressed=true] .c-icon.large,[aria-selected=true] .c-icon.large{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 40}.site-header{padding:var(--space--1)var(--space--gutter);box-shadow:var(--shadow);grid-area:header;grid-template:" . container ." auto/minmax(var(--space--gutter),1fr)var(--space--container)minmax(var(--space--gutter),1fr);display:grid}.site-header__container{grid-template:"logo.search.nav"/auto 1fr min-content 1fr auto;grid-area:container;align-items:center;display:grid}.site-header__logo{line-height:1;font-size:var(--type-size--3);grid-area:logo}.site-header__search{grid-area:search;align-items:center;display:flex}.site-header__nav{grid-area:nav}body{gap:var(--space--gutter);grid-template:" header header header" auto " ...... main ......" 1fr " ...... footer ......" auto/minmax(var(--space--gutter),1fr)var(--space--container)minmax(var(--space--gutter),1fr);min-height:100dvh;display:grid}body main{animation:.3s var(--curve--cheeky)fade;grid-area:main}body footer{padding:var(--space--gutter);grid-area:footer}.habit-home{gap:var(--space--gutter);grid-template:"profile composer"min-content"connections composer""wrecs wrecs"1fr"conversations conversations"min-content"notes notes"min-content/1fr 3fr;display:grid}.habit-home habit-profile{grid-area:profile}.habit-home habit-composer{grid-area:composer}.habit-home__conversations{grid-area:conversations}.habit-home__notes{grid-area:notes}.habit-home connection-requests-list{grid-area:connections}body:has([class=habit-home]){background-image:radial-gradient(circle at 90% 70%,var(--color--paper)80%,var(--color--green),var(--color--blue),var(--color--purple),var(--color--pink),transparent 95%)}
/*$vite$:1*/