html[data-surface=panel] .hostly-scrollbar{scrollbar-width:thin;scrollbar-color:var(--hostly-border-strong) transparent}html[data-surface=panel] .hostly-scrollbar::-webkit-scrollbar{width:4px}html[data-surface=panel] .hostly-scrollbar::-webkit-scrollbar-track{background:transparent}html[data-surface=panel] .hostly-scrollbar::-webkit-scrollbar-thumb{background:var(--hostly-border-strong);border-radius:9999px}html[data-surface=panel] .hostly-scroll-edge-x{overflow-x:auto;background:linear-gradient(to right,var(--hostly-surface-raised) 30%,transparent),linear-gradient(to left,var(--hostly-surface-raised) 30%,transparent) 100% 0;background-size:12px 100%,12px 100%;background-repeat:no-repeat;background-attachment:local,local}html[data-surface=panel]{--font-body: "Hanken Grotesk Variable", ui-sans-serif, system-ui, sans-serif;--font-heading: "Hanken Grotesk Variable", ui-sans-serif, system-ui, sans-serif;--background: oklch(.972 .004 75);--foreground: oklch(.25 .01 60);--card: oklch(.995 .002 75);--card-foreground: oklch(.25 .01 60);--popover: oklch(.995 .002 75);--popover-foreground: oklch(.25 .01 60);--primary: oklch(.56 .12 45);--primary-hover: var(--hostly-accent-hover);--primary-foreground: oklch(.99 .004 75);--secondary: oklch(.995 .002 75);--secondary-foreground: oklch(.25 .01 60);--muted: oklch(.952 .005 75);--muted-foreground: oklch(.52 .012 60);--accent: oklch(.947 .005 75);--accent-foreground: oklch(.25 .01 60);--destructive: oklch(.52 .14 27);--border: oklch(.905 .006 75);--input: oklch(.87 .007 75);--ring: oklch(.56 .12 45);--chart-1: oklch(.56 .12 45);--chart-2: oklch(.52 .08 145);--chart-3: oklch(.55 .12 70);--chart-4: oklch(.52 .012 60);--chart-5: oklch(.25 .01 60);--radius: .625rem;--sidebar: oklch(.952 .005 75);--sidebar-foreground: oklch(.25 .01 60);--sidebar-primary: oklch(.56 .12 45);--sidebar-primary-foreground: oklch(.99 .004 75);--sidebar-accent: oklch(.995 .002 75);--sidebar-accent-foreground: oklch(.25 .01 60);--sidebar-border: oklch(.905 .006 75);--sidebar-ring: oklch(.56 .12 45);--hostly-ink: oklch(.25 .01 60);--hostly-ink-soft: oklch(.52 .012 60);--hostly-surface: oklch(.972 .004 75);--hostly-surface-raised: oklch(.995 .002 75);--hostly-border: oklch(.905 .006 75);--hostly-border-focus: oklch(.56 .12 45);--hostly-border-strong: oklch(.87 .007 75);--hostly-accent: oklch(.56 .12 45);--hostly-accent-hover: oklch(.5 .12 45);--hostly-accent-soft: oklch(.95 .03 50);--hostly-success: oklch(.52 .08 145);--hostly-success-soft: oklch(.955 .025 145);--hostly-warning: oklch(.5 .12 70);--hostly-warning-soft: oklch(.96 .03 80);--hostly-confirmed: oklch(.45 .035 110);--hostly-confirmed-soft: oklch(.955 .014 110);--hostly-error: oklch(.52 .14 27);--hostly-danger: oklch(.52 .14 27);--hostly-danger-soft: oklch(.96 .025 27);--hostly-info: oklch(.52 .012 60);--hostly-info-soft: oklch(.952 .005 75);--hostly-tint: oklch(.935 .012 70);--hostly-shadow-soft: 0 1px 2px oklch(.3 .02 60 / .06);--hostly-shadow-pop: 0 4px 12px -2px oklch(.3 .02 60 / .1), 0 2px 4px -1px oklch(.3 .02 60 / .06);--hostly-shadow-overlay: 0 8px 16px -4px oklch(.3 .02 60 / .1), 0 24px 56px -12px oklch(.3 .02 60 / .18)}html[data-surface=panel].dark{--background: oklch(.19 .008 60);--foreground: oklch(.94 .006 75);--card: oklch(.225 .008 60);--card-foreground: oklch(.94 .006 75);--popover: oklch(.225 .008 60);--popover-foreground: oklch(.94 .006 75);--primary: oklch(.7 .12 48);--primary-hover: var(--hostly-accent-hover);--primary-foreground: oklch(.2 .01 60);--secondary: oklch(.26 .008 60);--secondary-foreground: oklch(.94 .006 75);--muted: oklch(.165 .008 60);--muted-foreground: oklch(.7 .01 70);--accent: oklch(.27 .008 60);--accent-foreground: oklch(.94 .006 75);--destructive: oklch(.7 .12 27);--border: oklch(.3 .008 60);--input: oklch(.36 .009 60);--ring: oklch(.7 .12 48);--chart-1: oklch(.7 .12 48);--chart-2: oklch(.8 .1 145);--chart-3: oklch(.8 .11 80);--chart-4: oklch(.7 .01 70);--chart-5: oklch(.94 .006 75);--sidebar: oklch(.165 .008 60);--sidebar-foreground: oklch(.94 .006 75);--sidebar-primary: oklch(.7 .12 48);--sidebar-primary-foreground: oklch(.2 .01 60);--sidebar-accent: oklch(.225 .008 60);--sidebar-accent-foreground: oklch(.94 .006 75);--sidebar-border: oklch(.3 .008 60);--sidebar-ring: oklch(.7 .12 48);--hostly-ink: oklch(.94 .006 75);--hostly-ink-soft: oklch(.7 .01 70);--hostly-surface: oklch(.19 .008 60);--hostly-surface-raised: oklch(.225 .008 60);--hostly-border: oklch(.3 .008 60);--hostly-border-focus: oklch(.7 .12 48);--hostly-border-strong: oklch(.36 .009 60);--hostly-accent: oklch(.7 .12 48);--hostly-accent-hover: oklch(.76 .12 48);--hostly-accent-soft: oklch(.32 .05 48);--hostly-success: oklch(.8 .1 145);--hostly-success-soft: oklch(.29 .035 145);--hostly-warning: oklch(.8 .11 80);--hostly-warning-soft: oklch(.3 .045 75);--hostly-confirmed: oklch(.8 .04 110);--hostly-confirmed-soft: oklch(.285 .02 110);--hostly-error: oklch(.78 .11 27);--hostly-danger: oklch(.78 .11 27);--hostly-danger-soft: oklch(.3 .05 27);--hostly-info: oklch(.7 .01 70);--hostly-info-soft: oklch(.255 .008 60);--hostly-tint: oklch(.31 .012 65);--hostly-shadow-soft: 0 1px 2px oklch(.05 .005 60 / .4);--hostly-shadow-pop: 0 4px 12px -2px oklch(.05 .005 60 / .5), 0 2px 4px -1px oklch(.05 .005 60 / .35);--hostly-shadow-overlay: 0 8px 16px -4px oklch(.05 .005 60 / .55), 0 24px 56px -12px oklch(.05 .005 60 / .5)}html[data-surface=panel]{scrollbar-color:var(--hostly-border-strong) transparent;color-scheme:light}html[data-surface=panel].dark{color-scheme:dark}html[data-surface=panel] ::selection{background:var(--hostly-accent-soft)}html[data-surface=panel] :is(input,textarea,[contenteditable=true]){caret-color:var(--hostly-accent)}:where(html[data-surface=panel] a){text-underline-offset:.2em}html[data-surface=panel] body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}