:root{color-scheme:light;--pch-navy: #000000;--pch-navy-deep: #000000;--pch-navy-mid: #1a1a1a;--pch-navy-soft: #2a2a2a;--pch-navy-tint: #f4f0fb;--pch-accent: #5e0ed7;--pch-accent-strong: #4a0bb0;--pch-accent-soft: #efe7fb;--pch-accent-tint: #f7f2fd;--pch-white: #ffffff;--gsd-canvas: #ffffff;--gsd-canvas-raised: #ffffff;--gsd-surface: #ffffff;--gsd-surface-raised: #f7f7f7;--gsd-surface-sunken: #f0f0f0;--gsd-surface-selected: var(--pch-accent-tint);--gsd-surface-navy: var(--pch-navy);--gsd-text: #000000;--gsd-text-secondary: #3d3d3d;--gsd-text-muted: #5a5a5a;--gsd-text-inverse: #ffffff;--gsd-on-navy-muted: rgba(255, 255, 255, .74);--gsd-on-navy-strong: rgba(255, 255, 255, .96);--gsd-shell-hover-overlay: rgba(255, 255, 255, .09);--gsd-shell-current-overlay: rgba(94, 14, 215, .28);--gsd-on-gradient-muted: var(--gsd-on-navy-muted);--gsd-line: rgba(0, 0, 0, .1);--gsd-line-strong: rgba(0, 0, 0, .2);--gsd-line-navy: rgba(255, 255, 255, .14);--gsd-action: var(--pch-navy);--gsd-action-hover: var(--pch-navy-mid);--gsd-action-bg: var(--pch-navy);--gsd-action-bg-hover: var(--pch-navy-mid);--gsd-on-action: #ffffff;--gsd-action-text: var(--pch-accent);--gsd-accent: var(--pch-accent);--gsd-accent-strong: var(--pch-accent-strong);--gsd-accent-soft: var(--pch-accent-soft);--gsd-on-accent: #ffffff;--gsd-gradient: linear-gradient(180deg, #111111 0%, #000000 58%, #000000 100%);--gsd-gradient-hero: linear-gradient(180deg, #000000 0%, #111111 100%);--gsd-success: #17864a;--gsd-warning: #c8791a;--gsd-danger: #c8303f;--gsd-info: #5e0ed7;--gsd-success-text: #0f6135;--gsd-warning-text: #8a4b00;--gsd-danger-text: #9c1f2c;--gsd-success-soft: #e4f5ea;--gsd-warning-soft: #fdf1e0;--gsd-danger-soft: #fdeaec;--gsd-info-soft: var(--pch-accent-soft);--gsd-focus: var(--pch-accent);--gsd-focus-inverse: var(--pch-accent);--gsd-radius-control: 8px;--gsd-radius-panel: 12px;--gsd-radius-floating: 16px;--gsd-radius-pill: 999px;--gsd-radius-card: var(--gsd-radius-panel);--gsd-space-1: 4px;--gsd-space-2: 8px;--gsd-space-3: 12px;--gsd-space-4: 16px;--gsd-space-5: 20px;--gsd-space-6: 24px;--gsd-space-8: 32px;--gsd-space-12: 48px;--gsd-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--gsd-font-latin: var(--gsd-font-sans);--gsd-font-display: var(--gsd-font-sans);--gsd-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--gsd-shell-breakpoint: 960px;--gsd-compact-breakpoint: 720px;--gsd-touch-target-min: 44px;--gsd-side-rail-width: 252px;--gsd-side-rail-collapsed-width: 72px;--gsd-topbar-height: 60px;--gsd-bottom-nav-height: 58px;--gsd-safe-bottom: env(safe-area-inset-bottom, 0px);--gsd-safe-top: env(safe-area-inset-top, 0px);--gsd-motion-press: .1s;--gsd-motion-menu: .18s;--gsd-motion-panel: .28s;--gsd-shadow-panel: 0 1px 2px rgba(0, 0, 0, .05), 0 8px 24px rgba(0, 0, 0, .08);--gsd-shadow-floating: 0 24px 64px rgba(0, 0, 0, .22);--gsd-shadow-navy: 0 10px 30px rgba(94, 14, 215, .28)}*,: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: }.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root,html[data-gsd-arco-theme=light] body{--color-bg-1: var(--gsd-surface);--color-bg-2: var(--gsd-surface-raised);--color-bg-3: var(--gsd-canvas-raised);--color-bg-4: var(--gsd-canvas);--color-fill-1: #f3f3f3;--color-fill-2: #ececec;--color-fill-3: #e4e4e4;--color-fill-4: #d6d6d6;--color-text-1: var(--gsd-text);--color-text-2: var(--gsd-text-secondary);--color-text-3: var(--gsd-text-muted);--color-text-4: #8a8a8a;--color-border-1: var(--gsd-line);--color-border-2: var(--gsd-line-strong);--color-border-3: rgba(0, 0, 0, .28);--color-border-4: rgba(0, 0, 0, .4);--primary-1: 247, 242, 253;--primary-2: 232, 219, 250;--primary-3: 196, 168, 240;--primary-4: 148, 86, 227;--primary-5: 116, 36, 221;--primary-6: 94, 14, 215;--primary-7: 74, 11, 176;--success-6: 23, 134, 74;--warning-6: 154, 91, 0;--danger-6: 200, 48, 63;--border-radius-small: var(--gsd-radius-control);--border-radius-medium: var(--gsd-radius-panel);--border-radius-large: var(--gsd-radius-floating)}.gsd-arco-provider{min-height:100%}@layer reset,gsd-base;@layer reset{*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%}body,h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none;cursor:pointer}ul{margin:0;padding:0;list-style:none}}@layer gsd-base{html{background:var(--gsd-canvas);scroll-padding-top:calc(var(--gsd-topbar-height) + var(--gsd-safe-top) + var(--gsd-space-2))}body{min-height:100vh;background:var(--gsd-canvas);color:var(--gsd-text);font-family:var(--gsd-font-sans);font-size:16px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}::-moz-selection{background:color-mix(in srgb,var(--gsd-accent) 38%,white);color:var(--gsd-text)}::selection{background:color-mix(in srgb,var(--gsd-accent) 38%,white);color:var(--gsd-text)}#app{min-height:100vh}h1{font-size:clamp(1.5rem,1.35rem + .5vw,1.75rem);line-height:1.25}.gsd-brand-mark{font-family:var(--gsd-font-sans);font-weight:700;letter-spacing:-.01em}:where(code,kbd,samp,pre){font-family:var(--gsd-font-mono)}:where(time,data,.gsd-latin,.gsd-numeric){font-family:var(--gsd-font-latin);font-variant-numeric:tabular-nums}:where(a,button,input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--gsd-focus);outline-offset:3px}@media (hover: none){:where(a,button,[role=button]):active{background:var(--gsd-surface-selected)}}:where(input,select,textarea){background:var(--gsd-surface);color:var(--gsd-text)}.gsd-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer surfaces{.gsd-surface{background:var(--gsd-surface);border:1px solid var(--gsd-line);border-radius:var(--gsd-radius-panel)}.gsd-surface-raised{background:var(--gsd-surface);border:1px solid var(--gsd-line);border-radius:var(--gsd-radius-floating);box-shadow:var(--gsd-shadow-floating)}.gsd-surface-navy{background:var(--gsd-gradient);color:var(--gsd-text-inverse);border:none}.gsd-surface-accent{background:var(--gsd-accent);color:var(--gsd-on-accent);border:none;box-shadow:var(--gsd-shadow-navy)}.gsd-surface-sunken{background:var(--gsd-surface-sunken);border:1px solid var(--gsd-line);border-radius:var(--gsd-radius-control)}}@layer motion{.gsd-motion-enter{transition:opacity var(--gsd-motion-panel) ease,transform var(--gsd-motion-panel) ease}@keyframes gsd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gsd-drawer-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes gsd-panel-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.gsd-motion-enter{transition:none}}}
