:root{color-scheme:light;--color-bg: #ffffff;--color-surface: #f2f2f2;--color-surface-strong: #e6e6e6;--color-text: #000000;--color-text-muted: rgba(0, 0, 0, .55);--color-text-subtle: rgba(0, 0, 0, .4);--color-border: rgba(0, 0, 0, .1);--color-border-strong: #000000;--color-primary: #000000;--color-on-primary: #ffffff;--color-overlay: rgba(0, 0, 0, .4);--gradient-brand: linear-gradient(90deg, #4aa8e6 0%, #8f7ce8 22%, #e563a6 45%, #f08a5d 62%, #dcae1f 80%, #3fbf73 100%);--gradient-pastel: linear-gradient(135deg, #a9d8f5 0%, #c3b8f2 25%, #f09cc6 50%, #f7c9a8 70%, #f6e889 85%, #a8e6b8 100%);--color-on-gradient: #000000;--font-sans: "Instrument Sans", "IBM Plex Sans Thai", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Space Mono", "IBM Plex Sans Thai", ui-monospace, Menlo, monospace;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 44px;--leading-tight: 1.2;--leading-normal: 1.5;--tracking-tight: -.02em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 500;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 999px;--tap-min: 48px;--tap-lg: 56px;--screen-max: 480px;--border-width: 1px;--duration-fast: .15s;--duration-normal: .25s;--ease: cubic-bezier(.2, 0, 0, 1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #000000;--color-surface: #141414;--color-surface-strong: #262626;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .55);--color-text-subtle: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .12);--color-border-strong: #ffffff;--color-primary: #ffffff;--color-on-primary: #000000;--color-overlay: rgba(0, 0, 0, .6);--gradient-brand: linear-gradient(90deg, #a9d8f5 0%, #c3b8f2 22%, #f09cc6 45%, #f7c9a8 62%, #f6e889 80%, #a8e6b8 100%)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #000000;--color-surface: #141414;--color-surface-strong: #262626;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .55);--color-text-subtle: rgba(255, 255, 255, .4);--color-border: rgba(255, 255, 255, .12);--color-border-strong: #ffffff;--color-primary: #ffffff;--color-on-primary: #000000;--color-overlay: rgba(0, 0, 0, .6);--gradient-brand: linear-gradient(90deg, #a9d8f5 0%, #c3b8f2 22%, #f09cc6 45%, #f7c9a8 62%, #f6e889 80%, #a8e6b8 100%)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-border-strong);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.ds-banner{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface)}.ds-banner__text{display:flex;flex-direction:column;gap:2px}.ds-banner__title{font-size:var(--text-md);letter-spacing:-.01em;color:var(--color-text)}.ds-banner__desc{font-size:var(--text-sm);color:var(--color-text-muted)}.ds-banner__actions{display:flex;gap:var(--space-2)}.ds-bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:var(--space-1) var(--space-2) calc(var(--space-1) + env(safe-area-inset-bottom));border-top:var(--border-width) solid var(--color-border);background:var(--color-bg)}.ds-bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:56px;justify-content:center;border:0;background:transparent;color:var(--color-text-subtle);font-size:var(--text-xs);cursor:pointer;transition:color var(--duration-fast) var(--ease);-webkit-tap-highlight-color:transparent}.ds-bottom-nav__item--active{color:var(--color-text)}.ds-brand{align-self:flex-start;font-family:var(--font-display);font-size:16px;font-weight:var(--weight-regular);line-height:1;letter-spacing:1px;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.ds-breathing{position:relative;display:flex;align-items:center;justify-content:center;width:240px;height:240px;margin:0 auto}.ds-breathing__ring{position:absolute;top:0;right:0;bottom:0;left:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full)}.ds-breathing__core{position:absolute;width:55%;height:55%;border-radius:var(--radius-full);background:var(--gradient-pastel);animation:ds-breathe 8s ease-in-out infinite}.ds-breathing__label{position:absolute;font-size:var(--text-lg);color:var(--color-on-gradient);animation:ds-breathe-in-label 8s linear infinite}.ds-breathing__label--out{animation-name:ds-breathe-out-label}@keyframes ds-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.8)}}@keyframes ds-breathe-in-label{0%,46%{opacity:1}50%,96%{opacity:0}to{opacity:1}}@keyframes ds-breathe-out-label{0%,46%{opacity:0}50%,96%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-breathing__core,.ds-breathing__label{animation:none}.ds-breathing__label--out{opacity:0}}.ds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-5);border:var(--border-width) solid transparent;border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-regular);line-height:1;letter-spacing:-.02em;white-space:nowrap;cursor:pointer;transition:opacity var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease);-webkit-tap-highlight-color:transparent}.ds-button:active{opacity:.7}.ds-button:disabled{opacity:.3;cursor:not-allowed}.ds-button--primary{background:var(--color-primary);color:var(--color-on-primary)}.ds-button--secondary{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.ds-button--ghost{background:transparent;color:var(--color-text-muted);padding:0 var(--space-3)}.ds-button--lg{min-height:var(--tap-lg);font-size:var(--text-md);padding:0 var(--space-6)}.ds-button--hero{min-height:184px;border-radius:var(--radius-lg);font-size:var(--text-xl);letter-spacing:-.03em;white-space:normal;flex-direction:column;gap:var(--space-3)}.ds-button__subtitle{font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:-.01em;opacity:.55}.ds-button--block{display:flex;width:100%}.ds-icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border:var(--border-width) solid transparent;border-radius:var(--radius-full);background:transparent;color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--ease);-webkit-tap-highlight-color:transparent}.ds-icon-button:active{background:var(--color-surface)}.ds-icon-button--secondary{background:var(--color-bg);border-color:var(--color-border)}.ds-icon-button--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.ds-icon-button:disabled{opacity:.3;cursor:not-allowed}.ds-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text);font-size:var(--text-xs);white-space:nowrap}.ds-chip--solid{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.ds-chip--soft{background:var(--color-surface);border-color:transparent;color:var(--color-text-muted)}.ds-chip--interactive{min-height:36px;padding:0 var(--space-4);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease)}.ds-field{display:flex;flex-direction:column;gap:var(--space-2)}.ds-field__label{font-size:var(--text-sm);color:var(--color-text-muted)}.ds-field__hint{padding:0 var(--space-4);font-size:var(--text-xs);color:var(--color-text-subtle)}.ds-field__control{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-5);border:var(--border-width) solid transparent;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-subtle);transition:border-color var(--duration-fast) var(--ease)}.ds-field__control:focus-within{border-color:var(--color-border-strong)}.ds-field__control--error{border-color:var(--color-border-strong);border-style:dashed}.ds-field__input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:var(--text-md);color:var(--color-text)}.ds-field__input::placeholder,.ds-field__textarea::placeholder{color:var(--color-text-subtle)}.ds-field__control--area{flex-direction:column;align-items:stretch;padding:var(--space-5);border-radius:var(--radius-lg)}.ds-field__textarea{flex:1;border:0;outline:0;resize:none;background:transparent;font-size:var(--text-lg);line-height:var(--leading-normal);letter-spacing:-.01em;color:var(--color-text)}.ds-field__control--md .ds-field__textarea{min-height:120px}.ds-field__control--lg .ds-field__textarea{min-height:260px}.ds-field__actions{display:flex;justify-content:flex-end}.ds-list-group{display:flex;flex-direction:column;gap:var(--space-1)}.ds-list-group__title{margin:0;font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--color-text-muted)}.ds-list-group__items{display:flex;flex-direction:column;border-bottom:var(--border-width) solid var(--color-border)}.ds-list-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:60px;padding:var(--space-3) 0;border:0;border-top:var(--border-width) solid var(--color-border);background:transparent;color:var(--color-text-subtle);text-align:left}.ds-list-item--interactive{cursor:pointer;transition:opacity var(--duration-fast) var(--ease);-webkit-tap-highlight-color:transparent}.ds-list-item--interactive:active{opacity:.6}.ds-list-item__text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ds-list-item__title{font-size:var(--text-md);letter-spacing:-.01em;color:var(--color-text)}.ds-list-item__subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.ds-list-item__trailing{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.ds-list-item--destructive .ds-list-item__title{color:var(--color-text-muted)}.ds-options{display:flex;flex-direction:column;gap:var(--space-2)}.ds-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--tap-lg);padding:var(--space-4) var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease);-webkit-tap-highlight-color:transparent}.ds-option--selected{border-color:var(--color-border-strong)}.ds-option__text{display:flex;flex-direction:column;gap:2px}.ds-option__label{font-size:var(--text-lg);letter-spacing:-.01em;color:var(--color-text)}.ds-option__desc{font-size:var(--text-sm);color:var(--color-text-muted)}.ds-option__mark{flex:none;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full)}.ds-option--selected .ds-option__mark{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.ds-progress{display:flex;flex-direction:column;gap:var(--space-2)}.ds-progress__label{font-size:var(--text-sm);color:var(--color-text-muted)}.ds-progress__track{display:flex;gap:var(--space-1)}.ds-progress__seg{flex:1;height:2px;border-radius:var(--radius-full);background:var(--color-border)}.ds-progress__seg--done{background:var(--color-primary)}.ds-scale{display:flex;flex-direction:column;gap:var(--space-3)}.ds-scale__steps{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}.ds-scale__step{aspect-ratio:1;min-height:var(--tap-min);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text);font-size:var(--text-xl);letter-spacing:var(--tracking-tight);cursor:pointer;transition:background var(--duration-fast) var(--ease)}.ds-scale__step--selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.ds-scale__labels{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-muted)}.ds-screen{display:flex;flex-direction:column;height:100%;min-height:100%;max-width:var(--screen-max);margin:0 auto;background:var(--color-bg);color:var(--color-text)}.ds-screen__body{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.ds-screen__body--top{padding-top:var(--space-8)}.ds-screen__body--center{justify-content:center}.ds-screen__footer{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom))}.ds-stack{display:flex;flex-direction:column}.ds-row{display:flex;align-items:center;flex-wrap:wrap}.ds-segmented{display:inline-flex;padding:3px;border-radius:var(--radius-full);background:var(--color-surface)}.ds-segmented__item{min-height:32px;padding:0 var(--space-4);border:var(--border-width) solid transparent;border-radius:var(--radius-full);background:transparent;color:var(--color-text-subtle);font-size:var(--text-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease)}.ds-segmented__item--selected{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.ds-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.ds-stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface)}.ds-stat__value{font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);line-height:1.1;color:var(--color-text)}.ds-stat__label{font-size:var(--text-sm);color:var(--color-text-muted)}.ds-suggestion{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:var(--border-width) solid transparent;border-radius:var(--radius-lg);background:var(--color-surface)}.ds-suggestion--selected{border-color:var(--color-border-strong);background:var(--color-bg)}.ds-suggestion__head{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.ds-suggestion__text{margin:0;font-size:var(--text-md);letter-spacing:-.01em;color:var(--color-text)}.ds-suggestion__use{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-1);min-height:36px;margin-top:var(--space-1);padding:0 var(--space-4);border:0;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);cursor:pointer}.ds-suggestion--selected .ds-suggestion__use{background:var(--color-primary);color:var(--color-on-primary)}.ds-suggestion__line{display:block;height:12px;border-radius:var(--radius-full);background:var(--color-surface-strong);animation:ds-pulse 1.4s ease-in-out infinite}.ds-suggestion__line--short{width:60%}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.45}}.ds-heading{margin:0;font-family:var(--font-display);font-weight:var(--weight-regular);line-height:var(--leading-tight);letter-spacing:-.03em;color:var(--color-text)}.ds-heading--1{font-size:var(--text-xl)}.ds-heading--2{font-size:var(--text-lg)}.ds-heading--3{font-size:var(--text-md);font-weight:var(--weight-regular);letter-spacing:-.02em}.ds-text{margin:0;letter-spacing:-.01em}.ds-text--sm{font-size:var(--text-sm)}.ds-text--md{font-size:var(--text-md)}.ds-text--lg{font-size:var(--text-lg)}.ds-text--default{color:var(--color-text)}.ds-text--muted{color:var(--color-text-muted)}.ds-text--subtle{color:var(--color-text-subtle)}.ds-label{font-size:var(--text-sm);color:var(--color-text-muted)}.ds-toggle{position:relative;flex:none;width:46px;height:28px;padding:0;border:0;border-radius:var(--radius-full);background:var(--color-surface-strong);cursor:pointer;transition:background var(--duration-normal) var(--ease)}.ds-toggle__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-bg);transition:transform var(--duration-normal) var(--ease)}.ds-toggle--on{background:var(--color-primary)}.ds-toggle--on .ds-toggle__thumb{transform:translate(18px);background:var(--color-on-primary)}.ds-topbar{display:grid;grid-template-columns:var(--tap-min) 1fr var(--tap-min);align-items:center;min-height:56px;padding:0 var(--space-2)}.ds-topbar__title{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.ds-topbar__side{display:flex}.ds-topbar__side--end{justify-content:flex-end}.ds-worry{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.ds-worry--selected{border-color:var(--color-border-strong)}.ds-worry__main{display:flex;align-items:flex-start;gap:var(--space-3)}.ds-worry__body{flex:1;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.ds-worry__text{margin:0;font-size:var(--text-md);letter-spacing:-.01em;color:var(--color-text)}.ds-worry__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.ds-worry__actions{display:flex;margin:calc(var(--space-3) * -1) calc(var(--space-3) * -1) 0 0;color:var(--color-text-muted)}.ds-worry__check{flex:none;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:2px;border:var(--border-width) solid var(--color-text-subtle);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-on-primary);cursor:pointer}.ds-worry--selected .ds-worry__check{background:var(--color-primary);border-color:var(--color-primary)}.ds-worry__details{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-border)}.ds-worry__detail{display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm);color:var(--color-text)}.ds-worry__detail-label{font-size:var(--text-xs);color:var(--color-text-muted)}.app-shell{height:100dvh;background:var(--color-bg)}.app-frame{height:100%}@media (min-width: 600px){.app-shell{display:flex;align-items:center;justify-content:center;background:var(--color-surface)}.app-frame{width:390px;height:min(844px,calc(100dvh - 48px));overflow:hidden;border:var(--border-width) solid var(--color-border);border-radius:36px;background:var(--color-bg);transform:translateZ(0)}}.pv{min-height:100vh;background:var(--color-surface)}.pv-header{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-bg)}.pv-logo{font-weight:var(--weight-semibold);font-size:var(--text-lg);color:var(--color-text);text-decoration:none;letter-spacing:-.03em}.pv-tabs{display:flex;gap:var(--space-4);flex:1}.pv-tabs a{color:var(--color-text-muted);text-decoration:none;font-size:var(--text-sm);padding:var(--space-1) 0;border-bottom:2px solid transparent}.pv-tabs a.is-active{color:var(--color-text);border-bottom-color:var(--color-text)}.pv-controls{display:flex;gap:var(--space-2)}.pv-controls select{min-height:36px;padding:0 var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);font-size:var(--text-sm)}.pv-main{max-width:1400px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8)}.pv-intro{margin:0 0 var(--space-6);max-width:640px;color:var(--color-text-muted);font-size:var(--text-sm)}.pv-h2{margin:var(--space-7) 0 var(--space-4);font-size:var(--text-xl);font-weight:var(--weight-semibold)}.pv-h2:first-child{margin-top:0}.pv-h3{margin:0;font-size:var(--text-md);font-weight:var(--weight-semibold)}.pv-frames{display:flex;flex-wrap:wrap;gap:var(--space-6)}.pv-figure{margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.pv-figure figcaption a{font-size:var(--text-sm);color:var(--color-text)}.pv-phone{width:360px;max-width:calc(100vw - 32px);height:740px;border:var(--border-width) solid var(--color-border);border-radius:28px;overflow:hidden;background:var(--color-bg);transform:translateZ(0)}.pv-single__bar{display:flex;justify-content:space-between;gap:var(--space-3);height:28px;align-items:center;padding:0 var(--space-4);background:var(--color-surface-strong);font-size:var(--text-xs);color:var(--color-text-muted)}.pv-single__bar a{color:var(--color-text);text-decoration:none}.pv-single{height:calc(100dvh - 28px)}.pv-ds{max-width:760px}.pv-spec{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-bg)}.pv-spec__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.pv-used{font-size:var(--text-xs);color:var(--color-text-muted)}.pv-spec__demo{display:flex;flex-direction:column;gap:var(--space-4)}.pv-box{border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-md);overflow:hidden}.pv-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.pv-swatch{display:flex;align-items:center;gap:var(--space-2)}.pv-swatch span{flex:none;width:32px;height:32px;border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);color:var(--color-text-muted)}.pv-type{display:flex;align-items:baseline;gap:var(--space-3);line-height:var(--leading-tight)}.pv-type code{width:32px;flex:none}.pv-space{display:flex;align-items:center;gap:var(--space-3)}.pv-space code{width:64px}.pv-space span{height:12px;background:var(--color-primary);border-radius:2px}.pv-radius{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border:var(--border-width) solid var(--color-border-strong)}.pv-icon{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:56px;color:var(--color-text)}.pv-flows{max-width:none}.fl-jump{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.fl-jump button{min-height:32px;padding:0 var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);cursor:pointer}.fl-flow{scroll-margin-top:72px}.fl-note{margin:calc(var(--space-2) * -1) 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.fl-canvas-scroll{overflow-x:auto;border-radius:var(--radius-lg);background:var(--color-bg);margin-bottom:var(--space-4)}.fl-canvas{position:relative;color:var(--color-text-subtle)}.fl-edges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fl-screen{position:absolute;margin:0}.fl-phone{overflow:hidden;border:var(--border-width) solid var(--color-border);border-radius:16px;background:var(--color-bg);transform:translateZ(0)}.fl-phone>div{pointer-events:none}.fl-screen figcaption{padding-top:var(--space-2);font-size:var(--text-xs);text-align:center}.fl-screen figcaption a{color:var(--color-text)}.fl-node{position:absolute;display:flex;align-items:center;justify-content:center;padding:0 var(--space-3);border:var(--border-width) solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:var(--text-xs);line-height:1.3;text-align:center}.fl-node--start{border-radius:var(--radius-full);background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.fl-node--decision{border-radius:var(--radius-sm);border-style:dashed;border-color:var(--color-text-subtle)}.fl-node--end{border-radius:var(--radius-full);background:var(--color-surface);border-color:transparent}.fl-node--link{cursor:pointer;text-decoration:underline;text-underline-offset:2px}.fl-label{position:absolute;transform:translate(-50%,-50%);padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);font-size:11px;white-space:nowrap}.ix{max-width:1100px}.fl-jump a{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm);text-decoration:none}.ix-section{scroll-margin-top:72px}.ix-table-wrap{overflow-x:auto;margin-bottom:var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg)}.ix-table{width:100%;min-width:760px;border-collapse:collapse;font-size:var(--text-sm)}.ix-table--fixed,.ix-table--tokens{table-layout:fixed}.ix-table th{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);color:var(--color-text-muted);font-weight:var(--weight-regular);text-align:left;white-space:nowrap}.ix-table td{padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);vertical-align:top}.ix-table tr:last-child td{border-bottom:0}.ix-table a{color:var(--color-text)}.ix-code{font-family:var(--font-display);white-space:nowrap}.ix-name{color:var(--color-text);font-size:var(--text-sm);white-space:nowrap}.ix-muted{color:var(--color-text-muted)}.ix-refs{font-family:var(--font-display);font-size:var(--text-xs);line-height:1.8;word-spacing:4px}.ix-refs a{margin-right:6px}.ix-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ix-value code{color:var(--color-text)}.ix-swatch{display:inline-block;width:14px;height:14px;margin-right:var(--space-2);vertical-align:-2px;border:var(--border-width) solid var(--color-border);border-radius:4px}.pv-app-link{font-size:var(--text-sm);color:var(--color-text)}