@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--color-fg:var(--lightningcss-light,oklch(20% .005 65))var(--lightningcss-dark,oklch(92% .008 305));--color-bg:var(--lightningcss-light,oklch(98% .005 65))var(--lightningcss-dark,oklch(18% .008 305));--color-bg-content:var(--lightningcss-light,oklch(99% .005 65))var(--lightningcss-dark,oklch(16% .008 305));--color-border:var(--lightningcss-light,oklch(90% .005 65))var(--lightningcss-dark,oklch(22% .008 305));--color-border-input:var(--lightningcss-light,oklch(70% .005 65))var(--lightningcss-dark,oklch(42% .008 305));--color-link:var(--lightningcss-light,oklch(50% .13 280))var(--lightningcss-dark,oklch(83% .08 305));--size-container-max:min(100% - 2lh, 56lh);--transition-duration:.14s;--radius:5px}@media (width>=1800px){:root{--size-container-max:70lh}}@media (prefers-contrast:more){:root{--color-border:var(--lightningcss-light,oklch(50% .005 65))var(--lightningcss-dark,oklch(50% .008 305));--color-border-input:var(--lightningcss-light,oklch(10% .005 65))var(--lightningcss-dark,oklch(90% .008 305))}}::selection{background-color:var(--color-link);color:var(--color-bg)}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;hanging-punctuation:first allow-end last;scrollbar-gutter:stable;line-height:150%}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html:has(dialog[open]){overflow:hidden}html{background-color:var(--color-bg);interpolate-size:allow-keywords;overscroll-behavior:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{color:var(--color-fg);background-color:var(--color-bg);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif;font-style:normal;font-weight:400}a{color:var(--color-link);text-underline-offset:4px;font-weight:500;text-decoration-line:underline;text-decoration-thickness:2px}a:hover{color:var(--color-fg)}p{text-wrap-style:pretty}.feedback{background-color:var(--color-border);scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:80%;grid-auto-flow:column;gap:1px;padding-block:1px;display:grid;overflow-x:scroll}@media (width>=600px){.feedback{grid-auto-columns:44%}}@media (width>=900px){.feedback{grid-auto-columns:31%}}@media (width>=1600px){.feedback{grid-auto-columns:21%}}.feedback article{background-color:var(--color-bg);scroll-snap-align:start;padding-block:calc(3lh - 2px);padding-inline:2lh}.feedback article div{flex-direction:column;display:flex}.feedback article div span:first-of-type{font-weight:700}.feedback article div span:last-of-type{font-style:italic}.features{background-color:var(--color-border);max-width:var(--size-container-max);grid-template-columns:repeat(3,1fr);gap:1px;margin-inline:auto;padding:1px;display:grid}.features article{background-color:var(--color-bg);flex-direction:column;grid-area:auto/span 3;gap:1lh;padding-block:calc(2.5lh - 1px);padding-inline:1.5lh;display:flex}@media (width>=900px){.features article{grid-area:auto/span 1;padding-block:calc(3lh - 1px)}}.features article p{max-width:60ch}.features article .features__title{--bg-color:transparent;--bg-s-size:2px;--bg-s-color:var(--color-border);--bg-size:.5lh;background-color:var(--bg-color);background-image:conic-gradient(at var(--bg-s-size) var(--bg-s-size), #0000 75%, var(--bg-s-color) 0);background-size:var(--bg-size) var(--bg-size);background-position:center calc(var(--bg-size) / 2);flex-grow:1}.page{min-height:100dvh}.page__header{background-color:var(--color-bg-content);box-shadow:inset 0 -1px 0 0 var(--color-border);justify-content:space-between;align-items:center;padding:1lh;display:flex;position:sticky;top:0}.page__main{width:min(100% - 1lh,1000px);box-shadow:inset 1px 0 0 var(--color-border), inset -1px 0 0 var(--color-border);background-color:var(--color-bg-content);flex-direction:column;gap:1lh;margin-inline:auto;padding:3lh 1lh;display:flex}@media (width>=900px){.page__main{padding-inline:8lh}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}hr{background-image:linear-gradient(to bottom, transparent 50%, var(--color-border) 50%, var(--color-border) calc(50% + 1px), transparent calc(50% + 1px));border:none;height:1rlh}
