@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext-wght-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{color-scheme:light dark;--canvas:oklch(98.6% .004 70);--glow:oklch(88% .09 50/.55);--window:oklch(96.4% .002 80);--surface:oklch(100% 0 0);--hover:oklch(96.4% .003 265);--selected:oklch(93.6% .004 265);--border:oklch(92.6% .004 265);--border-strong:oklch(84% .007 265);--ink:oklch(21.5% .018 265);--ink-body:oklch(42% .012 265);--ink-subtle:oklch(52% .014 265);--ink-faint:oklch(66% .01 265);--primary:var(--ink);--on-primary:oklch(100% 0 0);--brand:oklch(68.5% .205 40);--positive:oklch(62% .16 150);--negative:oklch(57% .2 27);--link:oklch(53% .19 262);--radius-window:28px;--radius-card:22px;--radius-control:12px;--shadow-card:0 0 0 1px oklch(0% 0 0/.05), 0 2px 8px -2px oklch(0% 0 0/.05);--shadow-pop:0 0 0 1px oklch(0% 0 0/.06), 0 12px 32px oklch(0% 0 0/.14);--ease-out:cubic-bezier(.2, 0, 0, 1);--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";@media (prefers-color-scheme:dark){--canvas:oklch(11% .006 265);--glow:oklch(35% .09 45/.35);--window:oklch(14.5% .007 265);--surface:oklch(17.5% .008 265);--hover:oklch(21.5% .009 265);--selected:oklch(24.5% .01 265);--border:oklch(27% .01 265);--border-strong:oklch(36% .012 265);--ink:oklch(94% .006 265);--ink-body:oklch(84% .008 265);--ink-subtle:oklch(72% .012 265);--ink-faint:oklch(58% .012 265);--on-primary:oklch(17.5% .008 265);--brand:oklch(70% .19 42);--positive:oklch(72% .15 150);--negative:oklch(70% .17 25);--link:oklch(72% .14 258);--shadow-card:0 0 0 1px oklch(100% 0 0/.06);--shadow-pop:0 0 0 1px oklch(100% 0 0/.08), 0 12px 32px oklch(0% 0 0/.5)}}*,:before,:after{box-sizing:border-box}html{background:radial-gradient(55% 60% at 100% 0%, var(--glow), transparent 70%), radial-gradient(45% 50% at 0% 100%, color-mix(in oklch, var(--glow) 60%, transparent), transparent 70%), var(--canvas);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;min-block-size:100%;font-size:15px;line-height:1.5}body{min-block-size:100dvh;margin:0}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.2}p{margin:0}a{color:var(--link)}img{max-inline-size:100%;display:block}button,input,select,textarea{color:inherit;font:inherit}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.btn{background-color:var(--surface);block-size:40px;box-shadow:0 0 0 1px var(--border);color:var(--ink);cursor:pointer;transition:scale .1s var(--ease-out);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;&:hover{background-color:var(--hover)}&:active:not(:disabled){scale:.97}&:focus-visible{outline:2px solid var(--link);outline-offset:2px}&:disabled{cursor:default;opacity:.5}& svg{block-size:18px;inline-size:18px}}.btn--primary{background-color:var(--primary);box-shadow:none;color:var(--on-primary);&:hover{background-color:color-mix(in oklch, var(--primary) 86%, var(--surface))}}.btn--large{block-size:48px;padding:0 22px;font-size:15px}.btn--icon{inline-size:40px;padding:0}.input{background-color:var(--surface);border-radius:var(--radius-control);block-size:44px;box-shadow:inset 0 0 0 1px var(--border-strong);border:0;outline:0;inline-size:100%;padding:0 14px;&::placeholder{color:var(--ink-faint)}&:focus{box-shadow:inset 0 0 0 1px var(--ink-faint), 0 0 0 4px oklch(from var(--ink) l c h / .06)}}.card{background-color:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px}.avatar{aspect-ratio:1;background-color:var(--selected);color:var(--ink-subtle);font-size:calc(var(--size,32px) * .38);inline-size:var(--size,32px);border-radius:50%;flex:none;place-items:center;font-weight:650;display:inline-grid;overflow:hidden;& img{object-fit:cover;block-size:100%;inline-size:100%}}
