:root{--swatch-gray-900:#161414;--swatch-gray-850:#262323;--swatch-gray-800:#2d2b2b;--swatch-gray-750:#383636;--swatch-gray-700:#444141;--swatch-gray-650:#504d4d;--swatch-gray-600:#5c5959;--swatch-gray-500:#747171;--swatch-gray-400:#8d8a8a;--swatch-gray-300:#a7a5a4;--swatch-gray-200:#c0bfbe;--swatch-gray-100:#dedddc;--swatch-gray-050:#f5f5f2;--swatch-gray-000:#fbfbf8;--swatch-surface-100:#f5f5f2;--swatch-surface-200:#ecece8;--swatch-surface-300:#e2e1df;--swatch-surface-400:#d4d3d1;--swatch-brand:#0ba5ec;--swatch-brand-emph:#0086c9;--swatch-oncolor-100:#ffffff;--swatch-purple-500:#7b6ba3;--swatch-purple-100:#eeeaf5;--swatch-purple-800:#4a3875;--swatch-green-50:#f0fbea;--swatch-green-100:#e4f8da;--swatch-green-200:#d1f2c1;--swatch-green-300:#bdeba8;--swatch-green-400:#a8db91;--swatch-green-500:#8ccf70;--swatch-green-600:#6fa751;--swatch-green-700:#4f9140;--swatch-green-800:#3e7432;--swatch-green-900:#2d5724;--swatch-yellow-50:#fff6e5;--swatch-yellow-100:#fff2d8;--swatch-yellow-200:#f6dca8;--swatch-yellow-300:#e6cfa3;--swatch-yellow-400:#e7be73;--swatch-yellow-500:#cea55f;--swatch-yellow-600:#b68b4b;--swatch-yellow-700:#9c7136;--swatch-yellow-800:#7c5a23;--swatch-yellow-900:#5c4210;--swatch-blue-50:#f3fbff;--swatch-blue-100:#dff5ff;--swatch-blue-200:#cfeaf8;--swatch-blue-300:#b2e7ff;--swatch-blue-400:#a9daf3;--swatch-blue-500:#8fd2f1;--swatch-blue-600:#3583a8;--swatch-blue-700:#20517c;--swatch-blue-800:#154063;--swatch-blue-900:#0a2e4a;--swatch-red-50:#fff0ed;--swatch-red-100:#ffe2dd;--swatch-red-200:#efc1bd;--swatch-red-300:#dfa8a1;--swatch-red-400:#dc8b82;--swatch-red-500:#d96d62;--swatch-red-600:#af5e52;--swatch-red-700:#8f4f47;--swatch-red-800:#74403a;--swatch-red-900:#59312d;--theme-bg-primary:var(--swatch-surface-100);--theme-bg-secondary:var(--swatch-gray-000);--theme-bg-tertiary:var(--swatch-surface-200);--theme-bg-transparency:rgba(245,245,242,0.75);--theme-border-primary:var(--swatch-surface-400);--theme-border-secondary:var(--swatch-gray-100);--theme-border-selected:var(--swatch-gray-850);--theme-border-tertiary:var(--swatch-surface-300);--theme-button-primary-bg:var(--swatch-brand);--theme-button-primary-hover-bg:var(--swatch-brand-emph);--theme-button-primary-text:var(--swatch-gray-000);--theme-button-secondary-bg:var(--swatch-gray-000);--theme-button-secondary-hover-bg:var(--swatch-surface-300);--theme-button-secondary-text:var(--swatch-gray-850);--theme-checkbox-bg-checked:var(--swatch-gray-850);--theme-checkbox-check:var(--swatch-gray-000);--theme-fg-primary:var(--swatch-gray-850);--theme-fg-secondary:var(--swatch-gray-600);--theme-fg-tertiary:var(--swatch-gray-400);--theme-input-bg:var(--swatch-gray-000);--theme-input-bg-disabled:var(--swatch-surface-200);--theme-input-border:var(--swatch-surface-400);--theme-input-border-error:var(--swatch-red-500);--theme-input-border-focus:var(--swatch-brand);--theme-input-border-hover:var(--swatch-gray-400);--theme-input-error-text:var(--swatch-red-700);--theme-input-helper:var(--swatch-gray-600);--theme-input-label:var(--swatch-gray-850);--theme-input-placeholder:var(--swatch-gray-400);--theme-input-text:var(--swatch-gray-850);--theme-input-text-disabled:var(--swatch-gray-400);--theme-toggle-bg:var(--swatch-surface-400);--theme-toggle-bg-active:var(--swatch-brand);--theme-toggle-knob:var(--swatch-gray-000);--semantic-blue-bg:var(--swatch-blue-200);--semantic-blue-border:var(--swatch-blue-400);--semantic-blue-text:var(--swatch-blue-700);--semantic-green-bg:var(--swatch-green-200);--semantic-green-border:var(--swatch-green-400);--semantic-green-text:var(--swatch-green-700);--semantic-red-bg:var(--swatch-red-200);--semantic-red-border:var(--swatch-red-400);--semantic-red-text:var(--swatch-red-700);--semantic-yellow-bg:var(--swatch-yellow-200);--semantic-yellow-border:var(--swatch-yellow-400);--semantic-yellow-text:var(--swatch-yellow-700);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--radius-sm:4px;--radius-lg:12px;--radius-4xl:24px;--radius-pill:999px;--type-body-lg-size:18px;--type-body-lg-line:28px;--type-body-base-size:16px;--type-body-base-line:24px;--type-body-sm-size:14px;--type-body-sm-line:20px;--type-caption-size:12px;--type-caption-line:16px;--type-label-md-size:14px;--type-label-md-line:20px;--type-label-sm-size:12px;--type-label-sm-line:16px;--type-label-xs-size:13px;--type-label-xs-line:18px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px}html[data-theme=dark]{--theme-bg-primary:var(--swatch-gray-900);--theme-bg-secondary:var(--swatch-gray-850);--theme-bg-tertiary:var(--swatch-gray-800);--theme-bg-transparency:rgba(22,20,20,0.75);--theme-border-primary:var(--swatch-gray-650);--theme-border-secondary:var(--swatch-gray-700);--theme-border-selected:var(--swatch-gray-050);--theme-border-tertiary:var(--swatch-gray-750);--theme-button-primary-bg:var(--swatch-brand);--theme-button-primary-hover-bg:var(--swatch-brand-emph);--theme-button-primary-text:var(--swatch-gray-900);--theme-button-secondary-bg:var(--swatch-gray-750);--theme-button-secondary-hover-bg:var(--swatch-gray-700);--theme-button-secondary-text:var(--swatch-gray-050);--theme-checkbox-bg-checked:var(--swatch-gray-050);--theme-checkbox-check:var(--swatch-gray-900);--theme-fg-primary:var(--swatch-gray-050);--theme-fg-secondary:var(--swatch-gray-200);--theme-fg-tertiary:var(--swatch-gray-400);--theme-input-bg:var(--swatch-gray-800);--theme-input-bg-disabled:var(--swatch-gray-750);--theme-input-border:var(--swatch-gray-650);--theme-input-border-error:var(--swatch-red-400);--theme-input-border-focus:var(--swatch-brand);--theme-input-border-hover:var(--swatch-gray-400);--theme-input-error-text:var(--swatch-red-300);--theme-input-helper:var(--swatch-gray-400);--theme-input-label:var(--swatch-gray-050);--theme-input-placeholder:var(--swatch-gray-500);--theme-input-text:var(--swatch-gray-050);--theme-input-text-disabled:var(--swatch-gray-600);--theme-toggle-bg:var(--swatch-gray-650);--theme-toggle-bg-active:var(--swatch-brand);--theme-toggle-knob:var(--swatch-gray-000);--swatch-brand:#38bdf8;--swatch-brand-emph:#0ba5ec;--semantic-blue-bg:var(--swatch-blue-800);--semantic-blue-border:var(--swatch-blue-600);--semantic-blue-text:var(--swatch-blue-100);--semantic-green-bg:var(--swatch-green-800);--semantic-green-border:var(--swatch-green-600);--semantic-green-text:var(--swatch-green-100);--semantic-red-bg:var(--swatch-red-800);--semantic-red-border:var(--swatch-red-600);--semantic-red-text:var(--swatch-red-100);--semantic-yellow-bg:var(--swatch-yellow-800);--semantic-yellow-border:var(--swatch-yellow-600);--semantic-yellow-text:var(--swatch-yellow-100);color-scheme:dark}@media (prefers-color-scheme:dark){html:not([data-theme=light]){--theme-bg-primary:var(--swatch-gray-900);--theme-bg-secondary:var(--swatch-gray-850);--theme-bg-tertiary:var(--swatch-gray-800);--theme-bg-transparency:rgba(22,20,20,0.75);--theme-border-primary:var(--swatch-gray-650);--theme-border-secondary:var(--swatch-gray-700);--theme-border-selected:var(--swatch-gray-050);--theme-border-tertiary:var(--swatch-gray-750);--theme-button-primary-bg:var(--swatch-brand);--theme-button-primary-hover-bg:var(--swatch-brand-emph);--theme-button-primary-text:var(--swatch-gray-900);--theme-button-secondary-bg:var(--swatch-gray-750);--theme-button-secondary-hover-bg:var(--swatch-gray-700);--theme-button-secondary-text:var(--swatch-gray-050);--theme-checkbox-bg-checked:var(--swatch-gray-050);--theme-checkbox-check:var(--swatch-gray-900);--theme-fg-primary:var(--swatch-gray-050);--theme-fg-secondary:var(--swatch-gray-200);--theme-fg-tertiary:var(--swatch-gray-400);--theme-input-bg:var(--swatch-gray-800);--theme-input-bg-disabled:var(--swatch-gray-750);--theme-input-border:var(--swatch-gray-650);--theme-input-border-error:var(--swatch-red-400);--theme-input-border-focus:var(--swatch-brand);--theme-input-border-hover:var(--swatch-gray-400);--theme-input-error-text:var(--swatch-red-300);--theme-input-helper:var(--swatch-gray-400);--theme-input-label:var(--swatch-gray-050);--theme-input-placeholder:var(--swatch-gray-500);--theme-input-text:var(--swatch-gray-050);--theme-input-text-disabled:var(--swatch-gray-600);--theme-toggle-bg:var(--swatch-gray-650);--theme-toggle-bg-active:var(--swatch-brand);--theme-toggle-knob:var(--swatch-gray-000);--swatch-brand:#38bdf8;--swatch-brand-emph:#0ba5ec;--semantic-blue-bg:var(--swatch-blue-800);--semantic-blue-border:var(--swatch-blue-600);--semantic-blue-text:var(--swatch-blue-100);--semantic-green-bg:var(--swatch-green-800);--semantic-green-border:var(--swatch-green-600);--semantic-green-text:var(--swatch-green-100);--semantic-red-bg:var(--swatch-red-800);--semantic-red-border:var(--swatch-red-600);--semantic-red-text:var(--swatch-red-100);--semantic-yellow-bg:var(--swatch-yellow-800);--semantic-yellow-border:var(--swatch-yellow-600);--semantic-yellow-text:var(--swatch-yellow-100);color-scheme:dark}}:root{--gray-25:var(--swatch-gray-000);--gray-50:var(--swatch-gray-050);--gray-100:var(--swatch-gray-100);--gray-200:var(--swatch-gray-200);--gray-300:var(--swatch-gray-300);--gray-400:var(--swatch-gray-400);--gray-500:var(--swatch-gray-500);--gray-600:var(--swatch-gray-600);--gray-700:var(--swatch-gray-650);--gray-800:var(--swatch-gray-700);--gray-900:var(--swatch-gray-850);--gray-950:var(--swatch-gray-900);--brand-500:var(--swatch-brand);--brand-600:var(--swatch-brand-emph);--spacing-xs:var(--space-1);--spacing-md:var(--space-2);--spacing-lg:var(--space-3);--spacing-xl:var(--space-4);--spacing-2xl:var(--space-5);--spacing-3xl:var(--space-6);--radius-xs:var(--radius-sm);--radius-xl:var(--radius-lg);--font-size-text-lg:var(--type-body-lg-size);--font-size-text-md:var(--type-body-base-size);--font-size-text-sm:var(--type-body-sm-size);--font-size-text-xs:var(--type-caption-size);--line-height-text-lg:var(--type-body-lg-line);--line-height-text-md:var(--type-body-base-line);--line-height-text-sm:var(--type-body-sm-line);--line-height-text-xs:var(--type-caption-line)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-body,"Inter",system-ui,sans-serif)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}.btn,.btn:link,.btn:visited{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);border-radius:var(--radius-pill);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);font-size:var(--type-label-md-size);line-height:var(--type-label-md-line);padding:var(--space-3) var(--space-6);white-space:nowrap;text-decoration:none;cursor:pointer;border:none;transition:background .15s ease}.btn-sm,.btn-sm:link,.btn-sm:visited{font-size:var(--type-label-sm-size);line-height:var(--type-label-sm-line);padding:var(--space-2) var(--space-4)}.btn-primary,.btn-primary:link,.btn-primary:visited{background:var(--theme-button-primary-bg);color:var(--theme-button-primary-text)}.btn-primary:hover{background:var(--theme-button-primary-hover-bg)}.btn-secondary,.btn-secondary:link,.btn-secondary:visited{background:var(--theme-button-secondary-bg);color:var(--theme-button-secondary-text)}.btn-secondary:hover{background:var(--theme-button-secondary-hover-bg)}.btn-tertiary,.btn-tertiary:link,.btn-tertiary:visited{background:var(--theme-bg-secondary);color:var(--theme-fg-primary);border:1px solid var(--theme-border-primary)}.btn-tertiary:hover{background:var(--theme-bg-tertiary)}.callout{border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:flex-start;gap:var(--space-2);border:1px solid;font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line)}.callout-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.callout-body{flex:1 1;min-width:0}.callout strong{color:inherit}.callout-info{background:var(--semantic-blue-bg);border-color:var(--semantic-blue-border);color:var(--semantic-blue-text)}.callout-tip{background:var(--semantic-green-bg);border-color:var(--semantic-green-border);color:var(--semantic-green-text)}.callout-warning{background:var(--semantic-yellow-bg);border-color:var(--semantic-yellow-border);color:var(--semantic-yellow-text)}.callout-error{background:var(--semantic-red-bg);border-color:var(--semantic-red-border);color:var(--semantic-red-text)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);font-size:12px;font-weight:var(--font-weight-medium);line-height:normal;white-space:nowrap;border-radius:var(--radius-sm);vertical-align:middle;background:var(--theme-bg-tertiary);color:var(--theme-fg-secondary)}.badge-info{background:var(--semantic-blue-bg);color:var(--semantic-blue-text)}.badge-warning{background:var(--semantic-yellow-bg);color:var(--semantic-yellow-text)}.badge-success{background:var(--semantic-green-bg);color:var(--semantic-green-text)}.badge-error{background:var(--semantic-red-bg);color:var(--semantic-red-text)}.badge-kbd{border:1px solid var(--theme-border-secondary);font-weight:var(--font-weight-regular)}.badge-kbd,.badge-muted{background:var(--theme-bg-tertiary);color:var(--theme-fg-secondary)}:root{--font-family-display:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-family-body:"Inter",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-display-2xl:clamp(2.25rem,1.2rem + 3.3vw,4.5rem);--font-size-display-xl:clamp(1.875rem,1rem + 2.7vw,3.75rem);--font-size-display-lg:clamp(1.5rem,0.85rem + 2vw,3rem);--font-size-display-md:clamp(1.25rem,0.75rem + 1.5vw,2.25rem);--font-size-display-sm:clamp(1.125rem,0.7rem + 1.3vw,1.875rem);--font-size-display-xs:clamp(1.125rem,0.85rem + 0.9vw,1.5rem);--font-size-text-xl:1.25rem;--font-size-text-lg:1.125rem;--font-size-text-md:1rem;--font-size-text-sm:0.875rem;--font-size-text-xs:0.75rem;--line-height-display-2xl:clamp(2.75rem,1.5rem + 3.9vw,5.625rem);--line-height-display-xl:clamp(2.375rem,1.3rem + 3.4vw,4.5rem);--line-height-display-lg:clamp(2rem,1.1rem + 2.8vw,3.75rem);--line-height-display-md:clamp(1.75rem,1.1rem + 2vw,2.75rem);--line-height-display-sm:clamp(1.5rem,1rem + 1.5vw,2.375rem);--line-height-display-xs:clamp(1.5rem,1.1rem + 1.2vw,2rem);--line-height-text-xl:1.875rem;--line-height-text-lg:1.75rem;--line-height-text-md:1.5rem;--line-height-text-sm:1.25rem;--line-height-text-xs:1rem;--letter-spacing-display:-0.02em;--letter-spacing-text:0;--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:6px;--spacing-md:8px;--spacing-lg:12px;--spacing-xl:16px;--spacing-2xl:20px;--spacing-3xl:24px;--spacing-4xl:clamp(1.5rem,1rem + 1.5vw,2rem);--spacing-5xl:clamp(1.75rem,1rem + 2.2vw,2.5rem);--spacing-6xl:clamp(2rem,1rem + 3vw,3rem);--spacing-7xl:clamp(2.5rem,1.2rem + 4vw,4rem);--spacing-8xl:clamp(3rem,1.5rem + 4.7vw,5rem);--spacing-9xl:clamp(3.5rem,1.5rem + 6vw,6rem);--spacing-10xl:clamp(4rem,1.5rem + 7.8vw,8rem);--spacing-11xl:clamp(5rem,2rem + 9.3vw,10rem);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-xl:12px;--radius-full:9999px;--sprout-25:#fafdf7;--sprout-50:#f5fbee;--sprout-100:#e6f4d7;--sprout-200:#ceeab0;--sprout-300:#acdc79;--sprout-400:#86cb3c;--sprout-500:#669f2a;--sprout-600:#4f7a21;--sprout-700:#3f621a;--sprout-800:#335015;--sprout-900:#2b4212;--sprout-950:#1a280b;--brand-25:#f5fbff;--brand-50:#f0f9ff;--brand-100:#e0f2fe;--brand-200:#b9e6fe;--brand-300:#7cd4fd;--brand-400:#36bffa;--brand-500:#0ba5ec;--brand-600:#0086c9;--brand-700:#026aa2;--brand-800:#065986;--brand-900:#0b4a6f;--brand-950:#062c41;--gray-25:#fbfbf8;--gray-50:#f5f5f2;--gray-100:#dedddc;--gray-200:#c0bfbe;--gray-300:#a7a5a4;--gray-400:#8d8a8a;--gray-500:#747171;--gray-600:#5c5959;--gray-700:#504d4d;--gray-800:#444141;--gray-900:#262323;--gray-950:#161414;--red-25:#FFF0ED;--red-50:#FFF0ED;--red-100:#FFE2DD;--red-200:#EFC1BD;--red-300:#DFA8A1;--red-400:#DC8B82;--red-500:#D96D62;--red-600:#AF5E52;--red-700:#8F4F47;--red-800:#74403A;--red-900:#59312D;--red-950:#3D211E;--green-25:#F0FBEA;--green-50:#F0FBEA;--green-100:#E4F8DA;--green-200:#D1F2C1;--green-300:#BDEBA8;--green-400:#A8DB91;--green-500:#8CCF70;--green-600:#6FA751;--green-700:#4F9140;--green-800:#3E7432;--green-900:#2D5724;--green-950:#1E3B18;--yellow-25:#FFF6E5;--yellow-50:#FFF6E5;--yellow-100:#FFF2D8;--yellow-200:#F6DCA8;--yellow-300:#E6CFA3;--yellow-400:#E7BE73;--yellow-500:#CEA55F;--yellow-600:#B68B4B;--yellow-700:#9C7136;--yellow-800:#7C5A23;--yellow-900:#5C4210;--yellow-950:#3D2C0A;--orange-25:#fefaf5;--orange-50:#fef6ee;--orange-100:#fdead7;--orange-200:#f9dbaf;--orange-300:#f7b27a;--orange-400:#f38744;--orange-500:#ef6820;--orange-600:#e04f16;--orange-700:#b93815;--orange-800:#932f19;--orange-900:#772917;--orange-950:#511c10;--violet-25:#fbfaff;--violet-50:#f5f3ff;--violet-100:#ece9fe;--violet-200:#ddd6fe;--violet-300:#c3b5fd;--violet-400:#a48afb;--violet-500:#875bf7;--violet-600:#7839ee;--violet-700:#6927da;--violet-800:#5720b7;--violet-900:#491c96;--violet-950:#2e125e;--pink-25:#fef6fb;--pink-50:#fdf2fa;--pink-100:#fce7f6;--pink-200:#fcceee;--pink-300:#faa7e0;--pink-400:#f670c7;--pink-500:#ee46bc;--pink-600:#dd2590;--pink-700:#c11574;--pink-800:#9e165f;--pink-900:#851651;--pink-950:#4e0d30;--blue-dark-25:#f5f8ff;--blue-dark-50:#eff4ff;--blue-dark-100:#d1e0ff;--blue-dark-200:#b2ccff;--blue-dark-300:#84adff;--blue-dark-400:#528bff;--blue-dark-500:#2970ff;--blue-dark-600:#155eef;--blue-dark-700:#004eeb;--blue-dark-800:#0040c1;--blue-dark-900:#00359e;--blue-dark-950:#002266;--bg-primary:#ffffff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--bg-sky:#e0f2fe;--bg-grass:#86cb3c;--bg-brand-primary:#f0f9ff;--bg-brand-solid:#0086c9;--bg-brand-secondary:#e0f2fe;--bg-error-primary:#fef3f2;--bg-error-solid:#d92d20;--bg-success-primary:#ecfdf3;--bg-success-solid:#079455;--bg-warning-primary:#fefbe8;--bg-warning-solid:#ca8504;--text-primary:#181d27;--text-secondary:#414651;--text-tertiary:#535862;--text-quaternary:#717680;--text-white:#ffffff;--text-disabled:#717680;--text-brand-primary:#0b4a6f;--text-brand-secondary:#026aa2;--text-error:#d92d20;--text-success:#079455;--text-warning:#ca8504;--border-primary:#d5d7da;--border-secondary:#e9eaeb;--border-brand:#0ba5ec;--border-error:#f04438;--fg-primary:#181d27;--fg-secondary:#414651;--fg-tertiary:#535862;--fg-quaternary:#a4a7ae;--fg-white:#ffffff;--fg-brand-primary:#0ba5ec;--fg-brand-secondary:#0086c9;--fg-error:#d92d20;--fg-error-primary:#f04438;--fg-error-secondary:#d92d20;--fg-success:#079455;--fg-success-primary:#17b26a;--fg-success-secondary:#079455;--fg-warning:#ca8504;--fg-warning-primary:#eaaa08;--fg-warning-secondary:#ca8504;--black:#000000;--white:#ffffff;--transparent:#ffffff00}@font-face{font-family:TossFace;src:url(https://static.toss.im/tossface-font/TossFaceFontWeb.otf) format("opentype");font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.tf-icon{font-family:TossFace,sans-serif;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.screen-sky{background:var(--bg-sky,#e0f2fe);flex:1 1;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:0}.top-bar{height:56px;padding:0 var(--spacing-xl,16px) var(--spacing-md,8px);flex-shrink:0;z-index:10}.scroll-content,.top-bar{display:flex;align-items:center}.scroll-content{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 var(--spacing-xl,16px) var(--spacing-3xl,24px);z-index:4;flex-direction:column;gap:var(--spacing-xl,16px)}.sprout-pip{position:fixed;bottom:20px;right:16px;z-index:50;padding-bottom:env(safe-area-inset-bottom,0);animation:pipSlideIn .5s ease-out .3s both;display:flex;align-items:center}.pip-frame{width:80px;height:80px;border-radius:20px;overflow:hidden;position:relative;background:var(--bg-sky,#e0f2fe);box-shadow:0 2px 8px rgba(0,0,0,.12),0 0 0 2px rgba(255,255,255,.6);flex-shrink:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.pip-frame canvas{position:absolute;left:50%;top:-50px;transform:translateX(-50%);width:220px;height:220px;pointer-events:auto}@keyframes pipSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.revealed{opacity:1;transform:translateY(0)}.btn-util{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-lg,12px);background:var(--bg-primary,#fff);border:2px solid var(--border-secondary,#e9eaeb);border-radius:var(--radius-full,9999px);box-shadow:0 3px 0 0 var(--gray-200,#e9eaeb);flex-shrink:0;cursor:pointer;transition:background .15s,box-shadow .15s,transform .1s;text-decoration:none}.btn-util:hover{background:var(--gray-50,#fafafa)}.btn-util:active{box-shadow:none;transform:translateY(2px)}.cta-card{width:100%;max-width:400px;text-align:center;padding:var(--spacing-3xl,24px) 0}.btn-sprout{display:flex;align-items:center;justify-content:center;width:100%;font-family:inherit;font-weight:var(--font-weight-bold,700);border-radius:16px;cursor:pointer;border:none;outline:none;text-decoration:none}.btn-sprout:focus-visible{outline:2px solid var(--border-brand,#0ba5ec);outline-offset:2px}.back-cta{display:block;margin-top:var(--spacing-xl,16px);font-size:var(--font-size-text-sm,14px);color:var(--text-tertiary,#535862);text-decoration:none;font-weight:var(--font-weight-medium,500);transition:color .15s}.back-cta:hover{color:var(--text-primary,#181d27)}.site-nav{top:0;right:0;padding:var(--spacing-lg,12px) var(--spacing-xl,16px);gap:var(--spacing-md,8px)}.nav-menu-btn,.site-nav{display:flex;align-items:center}.nav-menu-btn{width:44px;height:44px;justify-content:center;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px rgba(0,0,0,.08);border-radius:var(--radius-full,9999px);cursor:pointer;color:var(--text-secondary,#414651);-webkit-tap-highlight-color:transparent;padding:0;transition:background .15s}.nav-menu-btn:hover{background:rgba(255,255,255,.95)}.nav-pill{display:inline-flex;align-items:center;height:44px;padding:0 var(--spacing-xl,16px);background:rgba(255,255,255,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full,9999px);font-size:var(--font-size-text-sm,14px);font-weight:var(--font-weight-semibold,600);color:var(--brand-700,#026aa2);text-decoration:none;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px rgba(0,0,0,.08);transition:background .15s}.nav-pill:hover{background:rgba(255,255,255,.95)}.nav-pill.joined{color:var(--sprout-600,#4f7a21)}.nav-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:var(--spacing-xs,4px);background:var(--bg-primary,#fff);border-radius:var(--radius-xl,12px);padding:var(--spacing-xs,4px);box-shadow:0 4px 16px rgba(0,0,0,.12);border:1px solid var(--border-secondary,#e9eaeb);min-width:180px}.menu-item,.nav-dropdown.open{display:block}.menu-item{padding:var(--spacing-lg,12px) var(--spacing-xl,16px);font-size:var(--font-size-text-sm,14px);font-weight:var(--font-weight-medium,500);color:var(--text-primary,#181d27);text-decoration:none;border-radius:var(--radius-md,8px)}.menu-item:hover{background:var(--gray-50,#fafafa)}.menu-sep{height:1px;background:var(--border-secondary,#e9eaeb);margin:var(--spacing-xs,4px) var(--spacing-xl,16px)}.scroll-content{padding-left:var(--spacing-lg,12px);padding-right:var(--spacing-lg,12px)}@media(min-width:480px){.scroll-content{padding-left:var(--spacing-xl,16px);padding-right:var(--spacing-xl,16px)}}@media(min-width:768px){.scroll-content{padding:0 var(--spacing-3xl,24px) var(--spacing-3xl,24px)}.top-bar{padding:0 var(--spacing-3xl,24px) var(--spacing-md,8px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-xl,16px);padding-right:var(--spacing-xl,16px)}@media (min-width:480px){.container{max-width:460px}}@media (min-width:768px){.container{max-width:720px;padding-left:var(--spacing-3xl,24px);padding-right:var(--spacing-3xl,24px)}}@media (min-width:1024px){.container{max-width:960px}}@media (min-width:1280px){.container{max-width:1140px}}.container-narrow{width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-xl,16px);padding-right:var(--spacing-xl,16px)}@media (min-width:768px){.container-narrow{max-width:640px;padding-left:var(--spacing-3xl,24px);padding-right:var(--spacing-3xl,24px)}}.stack{display:flex;flex-direction:column;gap:var(--spacing-xl,16px)}.stack-sm{gap:var(--spacing-md,8px)}.stack-lg{gap:var(--spacing-3xl,24px)}.stack-xl{gap:var(--spacing-5xl,40px)}@media (min-width:768px){.stack{gap:var(--spacing-3xl,24px)}.stack-sm{gap:var(--spacing-lg,12px)}.stack-lg{gap:var(--spacing-5xl,40px)}.stack-xl{gap:var(--spacing-7xl,64px)}}.cluster{display:flex;flex-wrap:wrap;gap:var(--spacing-lg,12px);align-items:center}.grid-auto{display:grid;grid-gap:var(--spacing-xl,16px);gap:var(--spacing-xl,16px);grid-template-columns:1fr}@media (min-width:480px){.grid-auto{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-auto{grid-template-columns:repeat(3,1fr);gap:var(--spacing-3xl,24px)}}@media (min-width:1024px){.grid-auto{grid-template-columns:repeat(4,1fr)}}.text-hero{font-size:var(--font-size-display-xl);line-height:var(--line-height-display-xl)}.text-hero,.text-title{font-weight:var(--font-weight-bold,700);letter-spacing:var(--letter-spacing-display,-.02em)}.text-title{font-size:var(--font-size-display-sm);line-height:var(--line-height-display-sm)}.text-subtitle{font-size:var(--font-size-text-lg);line-height:var(--line-height-text-lg);font-weight:var(--font-weight-medium,500)}.text-body{font-size:var(--font-size-text-md);line-height:var(--line-height-text-md)}.text-body,.text-caption{font-weight:var(--font-weight-regular,400)}.text-caption{font-size:var(--font-size-text-sm);line-height:var(--line-height-text-sm)}.hide-below-lg,.hide-below-md,.hide-below-sm{display:none}@media (min-width:480px){.hide-below-sm{display:revert}}@media (min-width:768px){.hide-below-md{display:revert}}@media (min-width:1024px){.hide-below-lg{display:revert}}.show-below-md,.show-below-sm{display:revert}@media (min-width:480px){.show-below-sm{display:none}}@media (min-width:768px){.show-below-md{display:none}}.section-pad{padding-top:var(--spacing-5xl,40px);padding-bottom:var(--spacing-5xl,40px)}@media (min-width:768px){.section-pad{padding-top:var(--spacing-7xl,64px);padding-bottom:var(--spacing-7xl,64px)}}@media (min-width:1024px){.section-pad{padding-top:var(--spacing-9xl,96px);padding-bottom:var(--spacing-9xl,96px)}}.scroll-x{display:flex;gap:var(--spacing-md,8px);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--spacing-xs,4px)}.scroll-x::-webkit-scrollbar{display:none}@media (min-width:768px){.scroll-x{flex-wrap:wrap;overflow-x:visible}}.character-frame{position:relative;width:100%;max-width:280px;aspect-ratio:1;margin:0 auto}.character-frame canvas{position:absolute;inset:0;width:100%;height:100%}@media (min-width:768px){.character-frame{max-width:360px}}@media (min-width:1024px){.character-frame{max-width:440px}}.split{display:flex;flex-direction:column;gap:var(--spacing-3xl,24px)}@media (min-width:768px){.split{flex-direction:row;align-items:center;gap:var(--spacing-5xl,40px)}.split>*{flex:1 1;min-width:0}}.card{background:var(--bg-primary,#fff);border:1px solid var(--border-secondary,#e9eaeb);border-radius:var(--radius-xl,12px);overflow:hidden}.bleed-mobile{margin-left:calc(-1 * var(--spacing-xl, 16px));margin-right:calc(-1 * var(--spacing-xl, 16px));border-radius:0}@media (min-width:768px){.bleed-mobile{margin-left:0;margin-right:0;border-radius:var(--radius-xl,12px)}}.site-nav{position:fixed;z-index:100;padding:0;transition:border-radius .3s ease}.site-nav-bar{display:flex;flex-direction:column;width:100%}.site-nav-bar-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.site-nav-logo{text-decoration:none;display:flex;align-items:center;gap:4px;flex-shrink:0}.site-nav-logo img{display:block}.site-nav-links,.site-nav-right{display:flex;align-items:center;gap:28px}.site-nav-link{font-family:Inter,sans-serif;font-size:14px;color:var(--docs-fg-secondary,#5c5959);text-decoration:none;transition:color .15s ease}.site-nav-link:hover{color:var(--docs-fg-primary,#262323);text-decoration:none}.site-nav-cta,.site-nav-cta:link,.site-nav-cta:visited,.site-nav-expand-cta,.site-nav-expand-cta:link,.site-nav-expand-cta:visited{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border:0;border-radius:999px;background:var(--docs-brand,#0ba5ec);color:#ffffff;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:20px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease}.site-nav-cta:hover,.site-nav-expand-cta:hover{background:var(--docs-brand-emph,#0876a8);color:#ffffff;text-decoration:none}.site-nav-toggle{display:none;cursor:pointer;background:none;border:none;color:var(--docs-fg-primary)}.site-nav-toggle .site-nav-icon-close{display:none}.site-nav-expand{display:grid;grid-template-rows:0fr;width:100%}.site-nav-expand-inner{display:flex;flex-direction:column;overflow:hidden}.site-nav-expand-link{display:flex;align-items:center;height:44px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:20px;color:var(--docs-fg-secondary,#5c5959);text-decoration:none}.site-nav-expand-link:hover{color:var(--docs-fg-primary);text-decoration:none}.site-nav-expand-cta{width:100%;display:flex;justify-content:center;box-sizing:border-box}.site-nav--landing{top:12px;left:50%;right:auto;transform:translateX(-50%);width:584px;min-width:584px;border-radius:999px;background:rgba(245,245,242,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--docs-border-secondary,#dedddc)}.site-nav--landing .site-nav-bar-inner{padding:8px 8px 8px 16px}.site-nav--landing .site-nav-link{font-weight:600}.legal-page .site-nav--landing{background:rgba(245,245,242,.75);border-color:rgba(38,35,35,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 2px 10px rgba(38,35,35,.08)}@media (max-width:640px){.site-nav--landing{width:calc(100% - 40px);min-width:0;top:8px}.site-nav--landing .site-nav-bar-inner{padding:8px 16px}.site-nav--landing .site-nav-links,.site-nav--landing .site-nav-right>.site-nav-cta{display:none}.site-nav--landing .site-nav-toggle{display:flex}.site-nav--landing .site-nav-expand{transition:grid-template-rows .3s ease;padding:0 16px}.site-nav--landing.is-expanded{border-radius:32px}.site-nav--landing.is-expanded .site-nav-icon-open{display:none}.site-nav--landing.is-expanded .site-nav-icon-close{display:inline}.site-nav--landing.is-expanded .site-nav-expand{grid-template-rows:1fr;padding-bottom:16px}}.site-nav--docs{top:0;left:0;right:0;background:var(--docs-bg-primary,#f5f5f2);border-bottom:1px solid var(--docs-border-secondary,#dedddc)}.site-nav--docs .site-nav-bar{max-width:92rem;margin:0 auto;width:100%}.site-nav--docs .site-nav-bar-inner{padding:0 48px;height:72px;border-bottom:1px solid var(--docs-border-secondary,#dedddc)}.site-nav--docs .site-nav-links{gap:16px}.site-nav--docs .site-nav-link{font-weight:400}.site-nav--docs .site-nav-right{gap:16px}@media (max-width:1023px){.site-nav--docs .site-nav-bar-inner{padding:0 16px;height:56px;border-bottom:none}.site-nav--docs .site-nav-links,.site-nav--docs .site-nav-right>.site-nav-cta{display:none}.site-nav--docs .site-nav-toggle{display:flex}.site-nav--docs .site-nav-expand{transition:grid-template-rows .3s ease;padding:0 16px}.site-nav--docs.is-expanded .site-nav-icon-open{display:none}.site-nav--docs.is-expanded .site-nav-icon-close{display:inline}.site-nav--docs.is-expanded .site-nav-expand{grid-template-rows:1fr;padding-bottom:16px}}@media (prefers-reduced-motion:reduce){.site-nav{transition:none}}html[data-theme=dark] .site-nav--landing{background:rgba(22,20,20,.75);border-color:var(--docs-border-secondary)}html[data-theme=dark] .site-nav--landing .site-nav-logo img{filter:brightness(0) invert(1)}html[data-theme=dark] .site-nav--docs{background:var(--docs-bg-primary);border-color:var(--docs-border-secondary)}html[data-theme=dark] .site-nav--docs .site-nav-logo img{filter:brightness(0) invert(1)}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .site-nav--landing{background:rgba(22,20,20,.75);border-color:var(--docs-border-secondary)}html:not([data-theme=light]) .site-nav--landing .site-nav-logo img{filter:brightness(0) invert(1)}html:not([data-theme=light]) .site-nav--docs{background:var(--docs-bg-primary);border-color:var(--docs-border-secondary)}html:not([data-theme=light]) .site-nav--docs .site-nav-logo img{filter:brightness(0) invert(1)}}.screen-sky.marketplace-screen{background:var(--sprout-marketplace-bg,#f5f5f2)}.docs-logo-avatar{width:28px;height:28px;border-radius:50%;background:var(--docs-info-bg,#e0f2fe);overflow:hidden;position:relative;flex-shrink:0}.docs-logo-rive{position:absolute;left:50%;top:-20px;transform:translateX(-50%);width:88px;height:88px;pointer-events:none}.scroll-content.marketplace-scroll{align-items:stretch;gap:0;padding-top:104px}.marketplace-scroll>*{width:100%;max-width:1100px;margin:0 auto}.marketplace-scroll>.sprout-marketplace__detail>.sprout-marketplace__detail-banner{margin-top:calc(-104px - 2rem);padding-top:calc(104px + 2.5rem);padding-bottom:3.5rem}.marketplace-state{padding:4rem 1.5rem}.marketplace-state-panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin-top:1rem;padding:56px 32px 48px;border-radius:24px;background:linear-gradient(180deg,var(--brand-100,#e0f2fe) 0,var(--brand-50,#f0f9ff) 55%,var(--bg-primary,#fbfbf8) 100%);border:1px solid var(--border-secondary,#dedddc)}.marketplace-state-character{width:120px;height:120px;margin-bottom:12px}.marketplace-state-title{font-size:var(--font-size-display-xs,24px);font-weight:var(--font-weight-bold,700);letter-spacing:-.01em;color:var(--text-primary,#262323)}.marketplace-state-copy{max-width:440px;margin-top:6px;font-size:var(--font-size-text-md,16px);line-height:1.55;color:var(--text-tertiary,#5c5959)}.marketplace-state-cta{margin-top:22px}