*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
 */*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.yn-m-0{margin:0}.yn-mb-4{margin-bottom:1rem}.yn-ml-2{margin-left:.5rem}.yn-mt-1{margin-top:.25rem}.yn-mt-2{margin-top:.5rem}.yn-mt-3{margin-top:.75rem}.yn-mt-4{margin-top:1rem}.yn-mt-6{margin-top:1.5rem}.yn-mt-8{margin-top:2rem}.yn-box-border{box-sizing:border-box}.yn-block{display:block}.yn-inline-block{display:inline-block}.yn-flex{display:flex}.yn-inline-flex{display:inline-flex}.yn-grid{display:grid}.yn-size-5{width:1.25rem;height:1.25rem}.yn-size-6{width:1.5rem;height:1.5rem}.yn-h-24{height:6rem}.yn-h-9{height:2.25rem}.yn-h-\[100px\]{height:100px}.yn-h-\[18px\]{height:18px}.yn-h-auto{height:auto}.yn-h-full{height:100%}.yn-min-h-6{min-height:1.5rem}.yn-min-h-\[220px\]{min-height:220px}.yn-min-h-\[34px\]{min-height:34px}.yn-min-h-\[380px\]{min-height:380px}.yn-min-h-\[520px\]{min-height:520px}.yn-min-h-\[560px\]{min-height:560px}.yn-min-h-\[640px\]{min-height:640px}.yn-w-40{width:10rem}.yn-w-9{width:2.25rem}.yn-w-\[180px\]{width:180px}.yn-w-\[18px\]{width:18px}.yn-w-full{width:100%}.yn-min-w-\[104px\]{min-width:104px}.yn-max-w-\[280px\]{max-width:280px}.yn-max-w-md{max-width:28rem}.yn-flex-col{flex-direction:column}.yn-flex-wrap{flex-wrap:wrap}.yn-items-start{align-items:flex-start}.yn-items-end{align-items:flex-end}.yn-items-center{align-items:center}.yn-justify-end{justify-content:flex-end}.yn-justify-center{justify-content:center}.yn-gap-2{gap:.5rem}.yn-gap-3{gap:.75rem}.yn-gap-4{gap:1rem}.yn-gap-5{gap:1.25rem}.yn-gap-\[6px\]{gap:6px}.yn-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.yn-space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.yn-overflow-auto{overflow:auto}.yn-overflow-hidden{overflow:hidden}.yn-rounded-2xl{border-radius:1rem}.yn-rounded-3xl{border-radius:1.5rem}.yn-rounded-\[28px\]{border-radius:28px}.yn-rounded-\[8px\]{border-radius:8px}.yn-rounded-full{border-radius:9999px}.yn-rounded-lg{border-radius:.5rem}.yn-rounded-xl{border-radius:.75rem}.yn-bg-\[\#20231d\]{--tw-bg-opacity: 1;background-color:rgb(32 35 29 / var(--tw-bg-opacity, 1))}.yn-bg-\[\#241f21\]{--tw-bg-opacity: 1;background-color:rgb(36 31 33 / var(--tw-bg-opacity, 1))}.yn-bg-\[\#2f2521\]{--tw-bg-opacity: 1;background-color:rgb(47 37 33 / var(--tw-bg-opacity, 1))}.yn-bg-\[\#F2EFEA\]{--tw-bg-opacity: 1;background-color:rgb(242 239 234 / var(--tw-bg-opacity, 1))}.yn-bg-\[\#d5c29f\]{--tw-bg-opacity: 1;background-color:rgb(213 194 159 / var(--tw-bg-opacity, 1))}.yn-bg-\[\#efede8\]{--tw-bg-opacity: 1;background-color:rgb(239 237 232 / var(--tw-bg-opacity, 1))}.yn-bg-\[\#f3efe7\]{--tw-bg-opacity: 1;background-color:rgb(243 239 231 / var(--tw-bg-opacity, 1))}.yn-bg-\[\#f3f3f3\]{--tw-bg-opacity: 1;background-color:rgb(243 243 243 / var(--tw-bg-opacity, 1))}.yn-bg-\[\#f5f1ea\]{--tw-bg-opacity: 1;background-color:rgb(245 241 234 / var(--tw-bg-opacity, 1))}.yn-bg-\[\#f7f1e6\]{--tw-bg-opacity: 1;background-color:rgb(247 241 230 / var(--tw-bg-opacity, 1))}.yn-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.yn-object-cover{-o-object-fit:cover;object-fit:cover}.yn-p-1{padding:.25rem}.yn-p-3{padding:.75rem}.yn-p-4{padding:1rem}.yn-p-6{padding:1.5rem}.yn-p-8{padding:2rem}.yn-p-\[10px\]{padding:10px}.yn-px-3{padding-left:.75rem;padding-right:.75rem}.yn-py-\[10px\]{padding-top:10px;padding-bottom:10px}.yn-py-\[9px\]{padding-top:9px;padding-bottom:9px}.yn-pb-2{padding-bottom:.5rem}.yn-pt-12{padding-top:3rem}.yn-pt-28{padding-top:7rem}.yn-text-center{text-align:center}.yn-text-2xl{font-size:1.5rem;line-height:2rem}.yn-text-\[13px\]{font-size:13px}.yn-text-\[22px\]{font-size:22px}.yn-text-base{font-size:1rem;line-height:1.5rem}.yn-text-sm{font-size:.875rem;line-height:1.25rem}.yn-text-xs{font-size:.75rem;line-height:1rem}.yn-font-bold{font-weight:700}.yn-font-medium{font-weight:500}.yn-font-semibold{font-weight:600}.yn-uppercase{text-transform:uppercase}.yn-leading-6{line-height:1.5rem}.yn-leading-\[1\.2\]{line-height:1.2}.yn-leading-none{line-height:1}.yn-tracking-\[0\.04em\]{letter-spacing:.04em}.yn-text-\[\#20231d\]{--tw-text-opacity: 1;color:rgb(32 35 29 / var(--tw-text-opacity, 1))}.yn-text-\[\#241f21\]{--tw-text-opacity: 1;color:rgb(36 31 33 / var(--tw-text-opacity, 1))}.yn-text-\[\#5f584d\]{--tw-text-opacity: 1;color:rgb(95 88 77 / var(--tw-text-opacity, 1))}.yn-text-\[\#6f696b\]{--tw-text-opacity: 1;color:rgb(111 105 107 / var(--tw-text-opacity, 1))}.yn-text-\[\#f7f1e6\]{--tw-text-opacity: 1;color:rgb(247 241 230 / var(--tw-text-opacity, 1))}.yn-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.yn-shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.yn-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:root,[data-yn-theme=light]{color-scheme:light;--yn-color-bg: #f2efea;--yn-color-bg-elevated: #ffffff;--yn-color-bg-muted: #f3efe7;--yn-color-surface: rgba(255, 255, 255, .62);--yn-color-surface-hover: rgba(255, 255, 255, .86);--yn-color-surface-focus: #fffaf2;--yn-color-surface-disabled: rgba(232, 225, 214, .76);--yn-color-text: #241f21;--yn-color-text-muted: rgba(36, 31, 33, .48);--yn-color-text-disabled: rgba(36, 31, 33, .42);--yn-color-text-subtle: #6f696b;--yn-color-border: rgba(36, 31, 33, .22);--yn-color-border-strong: rgba(36, 31, 33, .52);--yn-color-border-focus: #241f21;--yn-color-divider: rgba(36, 31, 33, .14);--yn-color-overlay-hover: rgba(36, 31, 33, .08);--yn-color-overlay-active: rgba(36, 31, 33, .12);--yn-color-focus-ring: rgba(36, 31, 33, .12);--yn-color-focus-outline: #82b7ff;--yn-color-backdrop: rgba(12, 10, 11, .36);--yn-color-shadow-sm: 0 1px 2px rgba(36, 31, 33, .06), 0 6px 16px rgba(36, 31, 33, .08);--yn-color-shadow-md: 0 12px 36px rgba(36, 31, 33, .18);--yn-color-shadow-lg: 0 -12px 36px rgba(36, 31, 33, .18);--yn-color-toast-shadow: inset 0 0 0 1px rgba(255, 255, 255, .48), inset 0 -1px 0 rgba(32, 35, 29, .06), 0 18px 45px rgba(62, 55, 42, .14), 0 5px 16px rgba(62, 55, 42, .08);--yn-color-toast-ring-track: rgba(32, 35, 29, .08);--yn-color-on-inverse: #ffffff;--yn-color-inverse-bg: #241f21;--yn-color-inverse-bg-hover: rgba(36, 31, 33, .8);--yn-color-primary: #f76c46;--yn-color-primary-hover: #e45f3e;--yn-color-accent: #ddd967;--yn-color-success: #667a48;--yn-color-info: #5f6f86;--yn-color-warning: #b87d55;--yn-color-error: #9a4f43;--yn-color-disabled-bg: #f1f1f1;--yn-color-disabled-text: #8a8a8a;--yn-color-nav-glow: #e9e77847;--yn-color-nav-glow-fade: #e9e77800;--yn-color-cord-night-bg-top: #1a1d24;--yn-color-cord-night-bg-bottom: #12141a;--yn-color-cord-night-bg-on-top: #2a2830;--yn-color-cord-night-bg-on-bottom: #15141a;--yn-color-cord-night-accent: rgba(255, 214, 102, .35);--yn-color-cord-night-ceiling-bg: rgba(255, 255, 255, .08);--yn-color-cord-night-anchor: #4a4f5c;--yn-color-cord-night-rope-start: #6b5d4f;--yn-color-cord-night-rope-end: #9a8468;--yn-color-cord-night-card-bg: linear-gradient(180deg, #343a46 0%, #22262e 100%);--yn-color-cord-night-card-border: rgba(255, 255, 255, .1);--yn-color-cord-night-card-color: rgba(255, 255, 255, .88);--yn-color-cord-night-card-shadow: 0 8px 16px rgba(0, 0, 0, .45);--yn-color-cord-night-card-bg-on: linear-gradient(180deg, #3d4454 0%, #252a34 100%);--yn-color-cord-night-card-border-on: rgba(255, 214, 102, .45);--yn-color-cord-night-card-color-on: #ffd666;--yn-color-cord-day-bg-top: #ebe4d4;--yn-color-cord-day-bg-bottom: #ddd6c4;--yn-color-cord-day-bg-on-top: #f2e8cf;--yn-color-cord-day-bg-on-bottom: #e5d6b4;--yn-color-cord-day-accent: rgba(212, 165, 116, .5);--yn-color-cord-day-ceiling-bg: rgba(32, 35, 29, .07);--yn-color-cord-day-anchor: #586247;--yn-color-cord-day-rope-start: #6f5f4d;--yn-color-cord-day-rope-end: #a0896c;--yn-color-cord-day-card-bg: linear-gradient(180deg, #f8f3ea 0%, #ebe4d4 100%);--yn-color-cord-day-card-border: rgba(32, 35, 29, .12);--yn-color-cord-day-card-color: #20231d;--yn-color-cord-day-card-shadow: 0 14px 28px rgba(48, 42, 34, .16);--yn-color-cord-day-card-bg-on: linear-gradient(180deg, #6d7a58 0%, #586247 100%);--yn-color-cord-day-card-border-on: rgba(243, 237, 223, .28);--yn-color-cord-day-card-color-on: #f8f3ea}@media(prefers-color-scheme:dark){:root:not([data-yn-theme=light]){color-scheme:dark;--yn-color-bg: #12141a;--yn-color-bg-elevated: #1e222b;--yn-color-bg-muted: #252a34;--yn-color-surface: rgba(255, 255, 255, .08);--yn-color-surface-hover: rgba(255, 255, 255, .14);--yn-color-surface-focus: rgba(255, 255, 255, .18);--yn-color-surface-disabled: rgba(255, 255, 255, .06);--yn-color-text: rgba(255, 255, 255, .92);--yn-color-text-muted: rgba(255, 255, 255, .56);--yn-color-text-disabled: rgba(255, 255, 255, .32);--yn-color-text-subtle: rgba(255, 255, 255, .62);--yn-color-border: rgba(255, 255, 255, .14);--yn-color-border-strong: rgba(255, 255, 255, .28);--yn-color-border-focus: rgba(255, 255, 255, .72);--yn-color-divider: rgba(255, 255, 255, .1);--yn-color-overlay-hover: rgba(255, 255, 255, .08);--yn-color-overlay-active: rgba(255, 255, 255, .14);--yn-color-focus-ring: rgba(255, 255, 255, .16);--yn-color-focus-outline: #6ba3ff;--yn-color-backdrop: rgba(0, 0, 0, .56);--yn-color-shadow-sm: 0 2px 8px rgba(0, 0, 0, .32);--yn-color-shadow-md: 0 16px 40px rgba(0, 0, 0, .45);--yn-color-shadow-lg: 0 -16px 40px rgba(0, 0, 0, .45);--yn-color-toast-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), inset 0 -1px 0 rgba(0, 0, 0, .2), 0 18px 45px rgba(0, 0, 0, .35), 0 5px 16px rgba(0, 0, 0, .22);--yn-color-toast-ring-track: rgba(255, 255, 255, .12);--yn-color-on-inverse: #12141a;--yn-color-inverse-bg: #f2f2f2;--yn-color-inverse-bg-hover: rgba(255, 255, 255, .86);--yn-color-primary: #ff8a65;--yn-color-primary-hover: #ff7043;--yn-color-accent: #e6d85a;--yn-color-success: #8fad6a;--yn-color-info: #8ba3c4;--yn-color-warning: #d4a07a;--yn-color-error: #c47a6e;--yn-color-disabled-bg: rgba(255, 255, 255, .08);--yn-color-disabled-text: rgba(255, 255, 255, .38);--yn-color-nav-glow: rgba(233, 231, 120, .28);--yn-color-nav-glow-fade: rgba(233, 231, 120, 0);--yn-color-cord-night-bg-top: #12141a;--yn-color-cord-night-bg-bottom: #0c0e12;--yn-color-cord-night-bg-on-top: #1e222b;--yn-color-cord-night-bg-on-bottom: #151820;--yn-color-cord-night-accent: rgba(255, 214, 102, .42);--yn-color-cord-night-ceiling-bg: rgba(255, 255, 255, .06);--yn-color-cord-night-anchor: #5c6370;--yn-color-cord-night-rope-start: #7a6d5c;--yn-color-cord-night-rope-end: #a89578;--yn-color-cord-night-card-bg: linear-gradient(180deg, #2a303c 0%, #1a1e26 100%);--yn-color-cord-night-card-border: rgba(255, 255, 255, .12);--yn-color-cord-night-card-color: rgba(255, 255, 255, .9);--yn-color-cord-night-card-shadow: 0 10px 20px rgba(0, 0, 0, .5);--yn-color-cord-night-card-bg-on: linear-gradient(180deg, #353c4a 0%, #222830 100%);--yn-color-cord-night-card-border-on: rgba(255, 214, 102, .5);--yn-color-cord-night-card-color-on: #ffe08a;--yn-color-cord-day-bg-top: #2a2830;--yn-color-cord-day-bg-bottom: #1e1c22;--yn-color-cord-day-bg-on-top: #35323c;--yn-color-cord-day-bg-on-bottom: #26242c;--yn-color-cord-day-accent: rgba(212, 165, 116, .45);--yn-color-cord-day-ceiling-bg: rgba(255, 255, 255, .05);--yn-color-cord-day-anchor: #6a7558;--yn-color-cord-day-rope-start: #8a7864;--yn-color-cord-day-rope-end: #b09a82;--yn-color-cord-day-card-bg: linear-gradient(180deg, #3a383f 0%, #2a2830 100%);--yn-color-cord-day-card-border: rgba(255, 255, 255, .1);--yn-color-cord-day-card-color: rgba(255, 255, 255, .88);--yn-color-cord-day-card-shadow: 0 12px 24px rgba(0, 0, 0, .4);--yn-color-cord-day-card-bg-on: linear-gradient(180deg, #5a6648 0%, #465238 100%);--yn-color-cord-day-card-border-on: rgba(243, 237, 223, .22);--yn-color-cord-day-card-color-on: #f2efea}}[data-yn-theme=dark]{color-scheme:dark;--yn-color-bg: #12141a;--yn-color-bg-elevated: #1e222b;--yn-color-bg-muted: #252a34;--yn-color-surface: rgba(255, 255, 255, .08);--yn-color-surface-hover: rgba(255, 255, 255, .14);--yn-color-surface-focus: rgba(255, 255, 255, .18);--yn-color-surface-disabled: rgba(255, 255, 255, .06);--yn-color-text: rgba(255, 255, 255, .92);--yn-color-text-muted: rgba(255, 255, 255, .56);--yn-color-text-disabled: rgba(255, 255, 255, .32);--yn-color-text-subtle: rgba(255, 255, 255, .62);--yn-color-border: rgba(255, 255, 255, .14);--yn-color-border-strong: rgba(255, 255, 255, .28);--yn-color-border-focus: rgba(255, 255, 255, .72);--yn-color-divider: rgba(255, 255, 255, .1);--yn-color-overlay-hover: rgba(255, 255, 255, .08);--yn-color-overlay-active: rgba(255, 255, 255, .14);--yn-color-focus-ring: rgba(255, 255, 255, .16);--yn-color-focus-outline: #6ba3ff;--yn-color-backdrop: rgba(0, 0, 0, .56);--yn-color-shadow-sm: 0 2px 8px rgba(0, 0, 0, .32);--yn-color-shadow-md: 0 16px 40px rgba(0, 0, 0, .45);--yn-color-shadow-lg: 0 -16px 40px rgba(0, 0, 0, .45);--yn-color-toast-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), inset 0 -1px 0 rgba(0, 0, 0, .2), 0 18px 45px rgba(0, 0, 0, .35), 0 5px 16px rgba(0, 0, 0, .22);--yn-color-toast-ring-track: rgba(255, 255, 255, .12);--yn-color-on-inverse: #12141a;--yn-color-inverse-bg: #f2f2f2;--yn-color-inverse-bg-hover: rgba(255, 255, 255, .86);--yn-color-primary: #ff8a65;--yn-color-primary-hover: #ff7043;--yn-color-accent: #e6d85a;--yn-color-success: #8fad6a;--yn-color-info: #8ba3c4;--yn-color-warning: #d4a07a;--yn-color-error: #c47a6e;--yn-color-disabled-bg: rgba(255, 255, 255, .08);--yn-color-disabled-text: rgba(255, 255, 255, .38);--yn-color-nav-glow: rgba(233, 231, 120, .28);--yn-color-nav-glow-fade: rgba(233, 231, 120, 0);--yn-color-cord-night-bg-top: #12141a;--yn-color-cord-night-bg-bottom: #0c0e12;--yn-color-cord-night-bg-on-top: #1e222b;--yn-color-cord-night-bg-on-bottom: #151820;--yn-color-cord-night-accent: rgba(255, 214, 102, .42);--yn-color-cord-night-ceiling-bg: rgba(255, 255, 255, .06);--yn-color-cord-night-anchor: #5c6370;--yn-color-cord-night-rope-start: #7a6d5c;--yn-color-cord-night-rope-end: #a89578;--yn-color-cord-night-card-bg: linear-gradient(180deg, #2a303c 0%, #1a1e26 100%);--yn-color-cord-night-card-border: rgba(255, 255, 255, .12);--yn-color-cord-night-card-color: rgba(255, 255, 255, .9);--yn-color-cord-night-card-shadow: 0 10px 20px rgba(0, 0, 0, .5);--yn-color-cord-night-card-bg-on: linear-gradient(180deg, #353c4a 0%, #222830 100%);--yn-color-cord-night-card-border-on: rgba(255, 214, 102, .5);--yn-color-cord-night-card-color-on: #ffe08a;--yn-color-cord-day-bg-top: #2a2830;--yn-color-cord-day-bg-bottom: #1e1c22;--yn-color-cord-day-bg-on-top: #35323c;--yn-color-cord-day-bg-on-bottom: #26242c;--yn-color-cord-day-accent: rgba(212, 165, 116, .45);--yn-color-cord-day-ceiling-bg: rgba(255, 255, 255, .05);--yn-color-cord-day-anchor: #6a7558;--yn-color-cord-day-rope-start: #8a7864;--yn-color-cord-day-rope-end: #b09a82;--yn-color-cord-day-card-bg: linear-gradient(180deg, #3a383f 0%, #2a2830 100%);--yn-color-cord-day-card-border: rgba(255, 255, 255, .1);--yn-color-cord-day-card-color: rgba(255, 255, 255, .88);--yn-color-cord-day-card-shadow: 0 12px 24px rgba(0, 0, 0, .4);--yn-color-cord-day-card-bg-on: linear-gradient(180deg, #5a6648 0%, #465238 100%);--yn-color-cord-day-card-border-on: rgba(243, 237, 223, .22);--yn-color-cord-day-card-color-on: #f2efea}:root{--docs-sidebar-w: 260px;--docs-toc-w: 200px;--docs-header-h: 56px;--docs-content-max: 720px;--docs-code-bg: #1c1b19;--docs-code-fg: #e8e4dc;--docs-inline-code-bg: rgba(36, 31, 33, .06);--docs-demo-bg: rgba(255, 255, 255, .55);--docs-demo-border: rgba(36, 31, 33, .1);--docs-radius: 12px;--docs-font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--docs-mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--docs-font);font-size:15px;line-height:1.65;color:var(--yn-color-text);background:var(--yn-color-bg);-webkit-font-smoothing:antialiased}html,body{height:auto;min-height:100%;overflow-y:auto;overflow-x:hidden}body.docs-body{overflow-x:hidden;overflow-y:auto}*{scrollbar-width:thin;scrollbar-color:rgba(36,31,33,.28) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#241f213d;border:2px solid transparent;border-radius:999px;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#241f216b;border:2px solid transparent;background-clip:padding-box}[data-yn-theme=dark] *{scrollbar-color:rgba(255,255,255,.28) transparent}[data-yn-theme=dark] *::-webkit-scrollbar-thumb{background:#ffffff38;border:2px solid transparent;background-clip:padding-box}[data-yn-theme=dark] *::-webkit-scrollbar-thumb:hover{background:#ffffff6b;border:2px solid transparent;background-clip:padding-box}yn-docs-app{display:block;width:100%}yn-docs-dropdown-pick-demo,yn-docs-group-pick-demo,yn-docs-drawer-demo,yn-docs-toast-demo,yn-docs-pull-cord-demo,yn-docs-quantity-demo,yn-docs-sku-demo,yn-docs-checkout-address-demo{display:block;width:100%}.docs-app{min-height:100dvh;width:100%;display:flex}.docs-sidebar{position:fixed;top:0;left:0;width:var(--docs-sidebar-w);height:100dvh;overflow-y:auto;border-right:1px solid var(--yn-color-divider);background:#ffffff6b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px 0 32px;z-index:40}.docs-sidebar__brand{display:block;padding:4px 20px 20px;text-decoration:none;color:inherit}.docs-sidebar__title{margin:0;font-size:15px;font-weight:600;letter-spacing:-.02em}.docs-sidebar__subtitle{margin:4px 0 0;font-size:12px;color:var(--yn-color-text-subtle);letter-spacing:.04em}.docs-nav-group{margin-bottom:20px}.docs-nav-group__title{margin:0;padding:0 20px 6px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--yn-color-text-subtle)}.docs-nav-link{display:block;padding:7px 20px;font-size:13.5px;color:var(--yn-color-text-subtle);text-decoration:none;border-left:2px solid transparent;transition:color .15s,background .15s,border-color .15s}.docs-nav-link:hover{color:var(--yn-color-text);background:var(--yn-color-overlay-hover)}.docs-nav-link.is-active{color:var(--yn-color-text);font-weight:500;border-left-color:var(--yn-color-primary);background:#f76c460f}.docs-main-wrap{flex:1;margin-left:var(--docs-sidebar-w);min-width:0;width:calc(100% - var(--docs-sidebar-w))}.docs-header{position:sticky;top:0;z-index:30;height:var(--docs-header-h);display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--yn-color-divider);background:#f2efead1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.docs-header__path{font-size:13px;color:var(--yn-color-text-subtle)}.docs-header__path strong{color:var(--yn-color-text);font-weight:500}.docs-header__links a{font-size:13px;color:var(--yn-color-text-subtle);text-decoration:none}.docs-header__links a:hover{color:var(--yn-color-text)}.docs-header__links{display:flex;align-items:center;gap:12px}.docs-header__icon-link{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;transition:color .15s ease,background .15s ease}.docs-header__icon-link:hover{background:var(--yn-color-overlay-hover)}.docs-fixed-theme-cord{--yn-pull-cord-switch-fixed-peek-transition-duration: .34s;--yn-pull-cord-switch-anchor-y: 0;--yn-pull-cord-switch-glow-up-bleed: 56px;--yn-pull-cord-switch-canvas-width: 220px;filter:drop-shadow(0 12px 22px rgba(36,31,33,.12))}.docs-lang-pick{--yn-dropdown-pick-trigger-font-size: 12px;--yn-dropdown-pick-trigger-font-weight: 600;--yn-dropdown-pick-button-radius: 8px;--yn-dropdown-pick-shadow: 0 12px 32px rgba(36, 31, 33, .16);position:relative;z-index:45}.docs-lang-pick__item{min-height:34px;display:flex;align-items:center;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--yn-color-text)}.docs-showcase{margin:0 0 28px;padding:16px 0;border-bottom:1px solid var(--yn-color-divider)}.docs-showcase__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.docs-showcase__head h3{margin:0;font-size:1rem;font-weight:600}.docs-showcase__sb{font-size:12px;color:var(--yn-color-primary);text-decoration:none;white-space:nowrap}.docs-showcase__sb:hover{text-decoration:underline}.docs-showcase__img{display:block;max-width:220px;border-radius:8px;margin:12px 0;border:1px solid var(--yn-color-divider)}.docs-body-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--docs-toc-w);gap:32px;padding:32px 32px 80px;max-width:calc(var(--docs-content-max) + var(--docs-toc-w) + 64px)}.docs-content{min-width:0;max-width:var(--docs-content-max)}.docs-toc{position:sticky;top:calc(var(--docs-header-h) + 24px);align-self:start;max-height:calc(100dvh - var(--docs-header-h) - 48px);overflow-y:auto}.docs-toc__title{margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--yn-color-text-subtle)}.docs-toc__link{display:block;padding:4px 0 4px 12px;font-size:12.5px;color:var(--yn-color-text-subtle);text-decoration:none;border-left:1px solid var(--yn-color-divider);line-height:1.4}.docs-toc__link:hover,.docs-toc__link.is-active{color:var(--yn-color-text);border-left-color:var(--yn-color-text)}.docs-toc__link--h3{padding-left:22px;font-size:12px}.prose h1{margin:0 0 12px;font-size:2rem;font-weight:600;letter-spacing:-.03em;line-height:1.2}.prose h2{margin:40px 0 12px;padding-top:8px;font-size:1.35rem;font-weight:600;letter-spacing:-.02em;scroll-margin-top:calc(var(--docs-header-h) + 16px)}.prose h3{margin:28px 0 8px;font-size:1.05rem;font-weight:600;scroll-margin-top:calc(var(--docs-header-h) + 16px)}.prose p{margin:0 0 14px;color:var(--yn-color-text)}.prose .lead{font-size:16px;color:var(--yn-color-text-subtle);line-height:1.7}.prose ul,.prose ol{margin:0 0 16px;padding-left:1.4em}.prose li{margin-bottom:6px}.prose li::marker{color:var(--yn-color-text-subtle)}.prose blockquote{margin:16px 0;padding:12px 16px;border-left:3px solid var(--yn-color-accent);background:#ddd9671f;border-radius:0 var(--docs-radius) var(--docs-radius) 0;color:var(--yn-color-text-subtle);font-size:14px}.prose hr{margin:32px 0;border:none;border-top:1px solid var(--yn-color-divider)}.prose code:not(.docs-code-block code){font-family:var(--docs-mono);font-size:.88em;padding:.15em .4em;border-radius:6px;background:var(--docs-inline-code-bg);color:#8a3d2e}.prose table{width:100%;margin:0 0 20px;border-collapse:collapse;font-size:13.5px}.prose th,.prose td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--yn-color-divider);vertical-align:top}.prose th{font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--yn-color-text-subtle);background:#ffffff59}.prose td code{font-size:12px}.prose .api-name{font-family:var(--docs-mono);font-size:12.5px;font-weight:500;color:#8a3d2e}.docs-demo{margin:20px 0 28px;border:1px solid var(--docs-demo-border);border-radius:var(--docs-radius);overflow:visible;background:var(--docs-demo-bg);box-shadow:var(--yn-color-shadow-sm)}.docs-demo__preview{padding:32px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;min-height:120px;overflow:visible;position:relative;z-index:auto}.docs-demo-stage{width:100%;display:flex;flex-direction:column;align-items:flex-start}.docs-demo-stage--tall{min-height:320px;width:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:8px}.docs-demo__preview--left{justify-content:flex-start}.docs-demo__preview--column{flex-direction:column;align-items:stretch}.docs-demo__preview--tall,.docs-demo--tall .docs-demo__preview{min-height:340px;align-items:flex-start;justify-content:center}.docs-showcase__hint{margin:8px 0 0;font-size:13px;color:var(--yn-color-text-subtle)}.docs-demo__label{padding:10px 16px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--yn-color-text-subtle);border-top:1px solid var(--docs-demo-border);background:#fff6}.docs-theme-switcher{width:100%;min-height:420px;display:grid;grid-template-columns:1fr;gap:18px;align-items:stretch;border-radius:20px;padding:24px;background:radial-gradient(circle at 15% 10%,rgba(221,217,103,.18),transparent 26%),linear-gradient(135deg,var(--yn-color-bg-muted),var(--yn-color-bg));border:1px solid var(--yn-color-divider)}.docs-theme-switcher[data-theme-mode=dark]{background:radial-gradient(circle at 80% 10%,rgba(255,214,102,.16),transparent 28%),linear-gradient(135deg,#191c24,#0f1117)}.docs-theme-switcher__copy{display:flex;flex-direction:column;justify-content:center;max-width:none}.docs-theme-switcher__eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--yn-color-text-subtle)}.docs-theme-switcher__copy h3{margin:0 0 12px;font-size:clamp(24px,3vw,32px);line-height:1.15;letter-spacing:-.03em;color:var(--yn-color-text)}.docs-theme-switcher__copy p:not(.docs-theme-switcher__eyebrow){margin:0;max-width:34em;font-size:15px;line-height:1.7;color:var(--yn-color-text-subtle)}.docs-theme-switcher__cord{align-self:stretch;min-height:320px;max-width:none}[data-yn-theme=dark] .docs-sidebar{background:#12141ab8}[data-yn-theme=dark] .docs-header{background:#12141ad1}[data-yn-theme=dark] .docs-demo,[data-yn-theme=dark] .docs-card{background:#ffffff0f}[data-yn-theme=dark] .docs-demo__label,[data-yn-theme=dark] .prose th{background:#ffffff0d}.docs-code-wrap{margin:0 0 24px;border-radius:var(--docs-radius);overflow:hidden;border:1px solid rgba(36,31,33,.14)}.docs-code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#2a2926;border-bottom:1px solid rgba(255,255,255,.06)}.docs-code-lang{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#e8e4dc80}.docs-code-copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.12);background:transparent;color:#e8e4dcb3;font-size:11px;padding:4px 10px;border-radius:6px;cursor:pointer;font-family:var(--docs-font)}.docs-code-copy:hover{background:#ffffff0f;color:#fff}.docs-code-block{margin:0;padding:16px 18px;overflow-x:auto;background:var(--docs-code-bg);color:var(--docs-code-fg);font-family:var(--docs-mono);font-size:12.5px;line-height:1.55;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.docs-code-block code{background:none;padding:0;color:inherit;font-size:inherit}.docs-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:20px 0 28px}.docs-card{padding:16px;border:1px solid var(--yn-color-divider);border-radius:var(--docs-radius);background:#ffffff73}.docs-card h4{margin:0 0 6px;font-size:14px;font-weight:600}.docs-card p{margin:0;font-size:13px;color:var(--yn-color-text-subtle);line-height:1.5}@media(max-width:1100px){.docs-toc{display:none}.docs-body-grid{grid-template-columns:1fr;max-width:none}}@media(max-width:768px){.docs-app{flex-direction:column}.docs-sidebar{position:relative;width:100%;height:auto;max-height:none;border-right:none;border-bottom:1px solid var(--yn-color-divider)}.docs-main-wrap{margin-left:0;width:100%}.docs-header,.docs-body-grid{padding-left:16px;padding-right:16px}.docs-theme-switcher{grid-template-columns:1fr;padding:18px}}