@import"https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800&display=swap";:root{--spot-color-primary: #1A3D35;--spot-color-success: #2CB94F;--spot-color-danger: #E53E3E;--spot-color-white: #FFFFFF;--spot-color-grey-50: hsl(230, 20%, 97%);--spot-color-grey-100: hsl(230, 20%, 95%);--spot-color-grey-200: hsl(230, 15%, 90%);--spot-color-grey-400: hsl(230, 10%, 65%);--spot-color-grey-500: hsl(230, 10%, 45%);--spot-color-grey-900: hsl(230, 25%, 10%);--spot-bg-app: #F5F5F7;--spot-bg-card: var(--spot-color-white);--spot-bg-secondary: #ECEEF1;--spot-bg-primary-header: var(--spot-color-primary);--spot-fg-primary: var(--spot-color-grey-900);--spot-fg-secondary: var(--spot-color-grey-500);--spot-fg-placeholder: var(--spot-color-grey-400);--spot-fg-on-primary: var(--spot-color-white);--spot-border-default: var(--spot-color-grey-200);--spot-border-focus: var(--spot-color-primary);--spot-accent-request: #6E56C0;--spot-accent-request-soft-bg: rgba(110, 86, 192, .11);--spot-accent-request-soft-bd: rgba(110, 86, 192, .26);--spot-accent-offer: var(--spot-color-success);--spot-accent-offer-soft-bg: rgba(44, 185, 79, .12);--spot-accent-offer-soft-bd: rgba(44, 185, 79, .3);--spot-shadow-sm: 0 1px 3px 0 hsl(230 25% 10% / .08), 0 1px 2px -1px hsl(230 25% 10% / .06);--spot-shadow-md: 0 4px 6px -1px hsl(230 25% 10% / .08), 0 2px 4px -2px hsl(230 25% 10% / .06);--spot-shadow-lg: 0 10px 15px -3px hsl(230 25% 10% / .1), 0 4px 6px -4px hsl(230 25% 10% / .08);--spot-shadow-xl: 0 20px 25px -5px hsl(230 25% 10% / .12), 0 8px 10px -6px hsl(230 25% 10% / .08);--spot-shadow-dot-glow: 0 0 8px hsl(152 60% 42% / .4);--spot-font-sans: "Heebo", system-ui, -apple-system, sans-serif;--spot-fw-regular: 400;--spot-fw-medium: 500;--spot-fw-semibold: 600;--spot-fw-bold: 700;--spot-fw-extrabold: 800;--spot-fs-xs: .75rem;--spot-fs-sm: .875rem;--spot-fs-base: 1rem;--spot-fs-lg: 1.125rem;--spot-fs-xl: 1.25rem;--spot-fs-2xl: 1.5rem;--spot-fs-3xl: 1.875rem;--spot-fs-5xl: 3rem;--spot-lh-tight: 1.25;--spot-lh-snug: 1.375;--spot-lh-normal: 1.5;--spot-lh-relaxed: 1.625;--spot-ls-tight: -.025em;--spot-ls-normal: 0;--spot-ls-wide: .025em;--spot-ls-wider: .05em;--spot-space-1: 4px;--spot-space-2: 8px;--spot-space-3: 12px;--spot-space-4: 16px;--spot-space-5: 20px;--spot-space-6: 24px;--spot-space-8: 32px;--spot-space-10: 40px;--spot-space-12: 48px;--spot-space-16: 64px;--spot-space-20: 80px;--spot-space-24: 96px;--spot-radius-sm: 8px;--spot-radius-md: 10px;--spot-radius-lg: 12px;--spot-radius-xl: 16px;--spot-radius-2xl: 20px;--spot-radius-full: 9999px;--spot-ease-out: cubic-bezier(0, 0, .2, 1);--spot-ease-in-out: cubic-bezier(.4, 0, .2, 1);--spot-dur-fast: .15s;--spot-dur-base: .2s;--spot-dur-slow: .3s;--spot-max-width-app: 390px;--spot-max-width-card: 384px;--spot-bottom-nav-h: 64px}body{font-family:var(--spot-font-sans);font-size:var(--spot-fs-base);font-weight:var(--spot-fw-regular);line-height:var(--spot-lh-normal);color:var(--spot-fg-primary);background-color:var(--spot-bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.spot-glass-fallback{background-color:#ffffffeb}.spot-auth-input::-ms-reveal,.spot-auth-input::-ms-clear{display:none}:root{color-scheme:light;--spot-bg-subtle: #F5F5F7;--spot-bg-raised: var(--spot-color-white);--spot-bg-sunken: #ECEEF1;--spot-bg-brand: var(--spot-color-primary);--spot-bg-brand-soft: rgba(26, 61, 53, .07);--spot-bg-overlay: rgba(10, 20, 18, .42);--spot-bg-glass: rgba(255, 255, 255, .92);--spot-bg-input: var(--spot-color-white);--spot-bg-header: var(--spot-color-primary);--spot-fg-on-header: var(--spot-color-white);--spot-action-offer-bg: var(--spot-color-primary);--spot-action-offer-fg: var(--spot-color-white);--spot-action-offer-bg-muted: #4B6D63;--spot-action-request-bg: #6E56C0;--spot-action-request-fg: var(--spot-color-white);--spot-bg-popover: var(--spot-color-white);--spot-bg-nav: rgba(255, 255, 255, .84);--spot-bg-track: #E9EAEE;--spot-bg-header-btn: rgba(255, 255, 255, .12);--spot-border-header-btn: rgba(255, 255, 255, .18);--spot-fg-nav-idle: #686F7D;--spot-fg-on-danger: #FFFFFF;--spot-shadow-fab: 0 8px 20px rgba(19, 22, 32, .2);--spot-border-card: var(--spot-border-subtle);--spot-shadow-card: 0 1px 2px rgba(19, 22, 32, .04);--spot-bg-selected: rgba(26, 61, 53, .09);--spot-fg-selected: #1A3D35;--spot-border-selected: rgba(26, 61, 53, .22);--spot-fg-secondary: #5F6673;--spot-bg-segment-selected: #FFFFFF;--spot-shadow-raised: 0 1px 3px rgba(19, 22, 32, .12);--spot-bg-chip: #FFFFFF;--spot-border-chip: #E1E3E8;--spot-story-brand-bg: #1A3D35;--spot-story-request-bg: #6E56C0;--spot-story-fg: #FFFFFF;--spot-story-fg-soft: rgba(255, 255, 255, .86);--spot-story-fg-muted: rgba(255, 255, 255, .74);--spot-story-track: rgba(255, 255, 255, .25);--spot-story-chip-bg: rgba(255, 255, 255, .14);--spot-story-chip-border: rgba(255, 255, 255, .22);--spot-story-tile-bg: rgba(255, 255, 255, .1);--spot-story-tile-border: rgba(255, 255, 255, .18);--spot-story-ring: rgba(255, 255, 255, .4);--spot-story-accent: #2CB94F;--spot-story-on-accent: #0D2A1C;--spot-story-fg-tile: rgba(255, 255, 255, .8);--spot-fg-input-placeholder: #6A6F7A;--spot-logo-ink: #1A3D35;--spot-fg-body: #131620;--spot-fg-muted: #686F7D;--spot-fg-soft: #3A3A3C;--spot-fg-brand: var(--spot-color-primary);--spot-fg-on-brand: var(--spot-color-white);--spot-fg-inverse: var(--spot-color-white);--spot-border-subtle: #ECECEF;--spot-border-strong: #D6D8DE;--spot-border-input: #E1E3E8;--spot-fg-danger: #B3261E;--spot-bg-danger-soft: #FEF2F2;--spot-border-danger: #FECACA;--spot-fg-success: #0F6B33;--spot-bg-success-soft: #E8F8EE;--spot-border-success: #BDE7C9;--spot-fg-warning: #7A5A00;--spot-bg-warning-soft: #FFF3D6;--spot-border-warning: #FFD699;--spot-focus-ring: var(--spot-color-primary);--spot-focus-ring-contrast: var(--spot-color-white);--spot-focus-ring-width: 3px;--spot-focus-ring-offset: 2px;--spot-accent-offer-ink: #1A7F37;--spot-accent-request-ink: #6248B5;--spot-marker-unread: var(--spot-accent-offer-ink);--spot-marker-active: var(--spot-color-primary);--spot-bg-brand-muted: #4B6D63;--spot-fg-disabled: #CBD5E1;--spot-skeleton: hsl(230, 20%, 93%);--spot-bg-toast: rgba(19, 22, 32, .94);--spot-fg-on-toast: #FFFFFF;--spot-bg-scrim: rgba(19, 22, 32, .72)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--spot-bg-app: #12171A;--spot-bg-subtle: #12171A;--spot-bg-card: #1A2226;--spot-bg-raised: #232D32;--spot-bg-sunken: #232D32;--spot-bg-secondary: #232D32;--spot-bg-brand: #12211D;--spot-bg-brand-soft: rgba(44, 185, 79, .12);--spot-bg-overlay: rgba(0, 0, 0, .55);--spot-bg-glass: #232D32;--spot-bg-input: #232D32;--spot-bg-header: #12171A;--spot-fg-on-header: #ECEFF2;--spot-action-offer-bg: #6FD68C;--spot-action-offer-fg: #0B1F14;--spot-action-offer-bg-muted: #4E9A66;--spot-action-request-bg: #A796E8;--spot-action-request-fg: #17122B;--spot-bg-popover: #2B363C;--spot-bg-nav: rgba(22, 29, 32, .88);--spot-bg-track: #1A2226;--spot-bg-header-btn: #1A2226;--spot-border-header-btn: rgba(255, 255, 255, 0);--spot-fg-nav-idle: #8C969D;--spot-fg-on-danger: #2A0B08;--spot-shadow-fab: 0 8px 24px rgba(0, 0, 0, .5);--spot-border-card: rgba(255, 255, 255, 0);--spot-shadow-card: none;--spot-bg-selected: rgba(236, 239, 242, .11);--spot-fg-selected: #ECEFF2;--spot-border-selected: rgba(236, 239, 242, .18);--spot-bg-segment-selected: #2B363C;--spot-shadow-raised: 0 1px 2px rgba(0, 0, 0, .35);--spot-bg-chip: #1A2226;--spot-border-chip: rgba(255, 255, 255, 0);--spot-story-brand-bg: #12302A;--spot-story-request-bg: #2B2350;--spot-story-fg: #FFFFFF;--spot-story-fg-soft: rgba(255, 255, 255, .86);--spot-story-fg-muted: rgba(255, 255, 255, .74);--spot-story-track: rgba(255, 255, 255, .25);--spot-story-chip-bg: rgba(255, 255, 255, .14);--spot-story-chip-border: rgba(255, 255, 255, .22);--spot-story-tile-bg: rgba(255, 255, 255, .1);--spot-story-tile-border: rgba(255, 255, 255, .18);--spot-story-ring: rgba(255, 255, 255, .4);--spot-story-accent: #2CB94F;--spot-story-on-accent: #0D2A1C;--spot-story-fg-tile: rgba(255, 255, 255, .8);--spot-fg-input-placeholder: #8F99A0;--spot-logo-ink: #ECEFF2;--spot-fg-primary: #ECEFF2;--spot-fg-body: #ECEFF2;--spot-fg-secondary: #A8B1B8;--spot-fg-muted: #A8B1B8;--spot-fg-soft: #C9D1D6;--spot-fg-placeholder: #7C868D;--spot-fg-brand: #6FD68C;--spot-fg-on-brand: #FFFFFF;--spot-fg-inverse: #12171A;--spot-border-default: #2E3A40;--spot-border-subtle: #242E33;--spot-border-strong: #3C4A51;--spot-border-input: #2E3A40;--spot-fg-danger: #FF8A80;--spot-bg-danger-soft: #352E31;--spot-border-danger: #5F4141;--spot-fg-success: #6FD68C;--spot-bg-success-soft: #263B34;--spot-border-success: #26543A;--spot-fg-warning: #F2C14E;--spot-bg-warning-soft: #38382C;--spot-border-warning: #5E4A1E;--spot-accent-request: #A796E8;--spot-accent-request-soft-bg: rgba(167, 150, 232, .15);--spot-accent-request-soft-bd: rgba(167, 150, 232, .32);--spot-accent-offer: #6FD68C;--spot-accent-offer-soft-bg: rgba(111, 214, 140, .14);--spot-accent-offer-soft-bd: rgba(111, 214, 140, .3);--spot-focus-ring: #7BE49A;--spot-focus-ring-contrast: #0E1214;--spot-accent-offer-ink: #6FD68C;--spot-accent-request-ink: #B4A6EE;--spot-marker-unread: #6FD68C;--spot-marker-active: #1E7A43;--spot-bg-brand-muted: #2A4A40;--spot-fg-disabled: #5A646B;--spot-skeleton: #232D32;--spot-bg-toast: #2B363C;--spot-fg-on-toast: #ECEFF2;--spot-bg-scrim: rgba(0, 0, 0, .76);--spot-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .45), 0 1px 2px -1px rgb(0 0 0 / .35);--spot-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .45), 0 2px 4px -2px rgb(0 0 0 / .35);--spot-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4);--spot-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .55), 0 8px 10px -6px rgb(0 0 0 / .45);--spot-shadow-dot-glow: 0 0 8px rgb(111 214 140 / .45)}}:root[data-theme=dark]{color-scheme:dark;--spot-bg-app: #12171A;--spot-bg-subtle: #12171A;--spot-bg-card: #1A2226;--spot-bg-raised: #232D32;--spot-bg-sunken: #232D32;--spot-bg-secondary: #232D32;--spot-bg-brand: #12211D;--spot-bg-brand-soft: rgba(44, 185, 79, .12);--spot-bg-overlay: rgba(0, 0, 0, .55);--spot-bg-glass: #232D32;--spot-bg-input: #232D32;--spot-bg-header: #12171A;--spot-fg-on-header: #ECEFF2;--spot-action-offer-bg: #6FD68C;--spot-action-offer-fg: #0B1F14;--spot-action-offer-bg-muted: #4E9A66;--spot-action-request-bg: #A796E8;--spot-action-request-fg: #17122B;--spot-bg-popover: #2B363C;--spot-bg-nav: rgba(22, 29, 32, .88);--spot-bg-track: #1A2226;--spot-bg-header-btn: #1A2226;--spot-border-header-btn: rgba(255, 255, 255, 0);--spot-fg-nav-idle: #8C969D;--spot-fg-on-danger: #2A0B08;--spot-shadow-fab: 0 8px 24px rgba(0, 0, 0, .5);--spot-border-card: rgba(255, 255, 255, 0);--spot-shadow-card: none;--spot-bg-selected: rgba(236, 239, 242, .11);--spot-fg-selected: #ECEFF2;--spot-border-selected: rgba(236, 239, 242, .18);--spot-bg-segment-selected: #2B363C;--spot-shadow-raised: 0 1px 2px rgba(0, 0, 0, .35);--spot-bg-chip: #1A2226;--spot-border-chip: rgba(255, 255, 255, 0);--spot-story-brand-bg: #12302A;--spot-story-request-bg: #2B2350;--spot-story-fg: #FFFFFF;--spot-story-fg-soft: rgba(255, 255, 255, .86);--spot-story-fg-muted: rgba(255, 255, 255, .74);--spot-story-track: rgba(255, 255, 255, .25);--spot-story-chip-bg: rgba(255, 255, 255, .14);--spot-story-chip-border: rgba(255, 255, 255, .22);--spot-story-tile-bg: rgba(255, 255, 255, .1);--spot-story-tile-border: rgba(255, 255, 255, .18);--spot-story-ring: rgba(255, 255, 255, .4);--spot-story-accent: #2CB94F;--spot-story-on-accent: #0D2A1C;--spot-story-fg-tile: rgba(255, 255, 255, .8);--spot-fg-input-placeholder: #8F99A0;--spot-logo-ink: #ECEFF2;--spot-fg-primary: #ECEFF2;--spot-fg-body: #ECEFF2;--spot-fg-secondary: #A8B1B8;--spot-fg-muted: #A8B1B8;--spot-fg-soft: #C9D1D6;--spot-fg-placeholder: #7C868D;--spot-fg-brand: #6FD68C;--spot-fg-on-brand: #FFFFFF;--spot-fg-inverse: #12171A;--spot-border-default: #2E3A40;--spot-border-subtle: #242E33;--spot-border-strong: #3C4A51;--spot-border-input: #2E3A40;--spot-fg-danger: #FF8A80;--spot-bg-danger-soft: #352E31;--spot-border-danger: #5F4141;--spot-fg-success: #6FD68C;--spot-bg-success-soft: #263B34;--spot-border-success: #26543A;--spot-fg-warning: #F2C14E;--spot-bg-warning-soft: #38382C;--spot-border-warning: #5E4A1E;--spot-accent-request: #A796E8;--spot-accent-request-soft-bg: rgba(167, 150, 232, .15);--spot-accent-request-soft-bd: rgba(167, 150, 232, .32);--spot-accent-offer: #6FD68C;--spot-accent-offer-soft-bg: rgba(111, 214, 140, .14);--spot-accent-offer-soft-bd: rgba(111, 214, 140, .3);--spot-focus-ring: #7BE49A;--spot-focus-ring-contrast: #0E1214;--spot-accent-offer-ink: #6FD68C;--spot-accent-request-ink: #B4A6EE;--spot-bg-brand-muted: #2A4A40;--spot-fg-disabled: #5A646B;--spot-marker-unread: #6FD68C;--spot-marker-active: #1E7A43;--spot-skeleton: #232D32;--spot-bg-toast: #2B363C;--spot-fg-on-toast: #ECEFF2;--spot-bg-scrim: rgba(0, 0, 0, .76);--spot-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .45), 0 1px 2px -1px rgb(0 0 0 / .35);--spot-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .45), 0 2px 4px -2px rgb(0 0 0 / .35);--spot-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4);--spot-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .55), 0 8px 10px -6px rgb(0 0 0 / .45);--spot-shadow-dot-glow: 0 0 8px rgb(111 214 140 / .45)}body{background-color:var(--spot-bg-app);color:var(--spot-fg-primary)}#spot-main-content{background-color:var(--spot-bg-subtle)}input::placeholder,textarea::placeholder{color:var(--spot-fg-input-placeholder);opacity:1}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--spot-focus-ring-width) solid var(--spot-focus-ring);outline-offset:var(--spot-focus-ring-offset);box-shadow:0 0 0 calc(var(--spot-focus-ring-offset) + var(--spot-focus-ring-width)) var(--spot-focus-ring-contrast);position:relative;z-index:1}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.spot-count-slot{display:inline-grid;justify-items:center;align-items:center;font-variant-numeric:tabular-nums}.spot-count-slot:before{content:"(00)";visibility:hidden;grid-area:1 / 1}.spot-count-value{grid-area:1 / 1;white-space:nowrap}.spot-count-placeholder{display:inline-block;width:2.4ch;height:.7em;border-radius:999px;background:currentColor;opacity:.22;vertical-align:-.05em}.spot-count-placeholder[data-pulse=true]{animation:spot-count-pulse 1.4s ease-in-out infinite}@keyframes spot-count-pulse{0%,to{opacity:.22}50%{opacity:.1}}.spot-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.spot-tap-target{min-width:44px;min-height:44px}.spot-skip-link{position:fixed;top:0;inset-inline-start:0;transform:translateY(-120%);z-index:100;margin:8px;padding:10px 16px;border-radius:var(--spot-radius-md);background:var(--spot-bg-card);color:var(--spot-fg-body);border:1px solid var(--spot-border-strong);box-shadow:var(--spot-shadow-md);font-weight:var(--spot-fw-bold);font-size:var(--spot-fs-sm);text-decoration:none;transition:transform var(--spot-dur-fast) var(--spot-ease-out)}.spot-skip-link:focus-visible,.spot-skip-link:focus{transform:translateY(0)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@keyframes spot-post-focus-pulse{0%{box-shadow:0 0 0 2px #2cb94f8c,0 0 0 8px #2cb94f33;background:#f0fdf4}60%{box-shadow:0 0 0 2px #2cb94f59,0 0 0 12px #2cb94f14;background:#f7fee7}to{box-shadow:0 1px 2px #0f172a0a,0 1px 3px #0f172a0a;background:#fff}}.spot-post-focus{animation:spot-post-focus-pulse 2.2s ease-out both}