:root{color-scheme:light;--color-bg: #ffffff;--color-surface: #f5f5f5;--color-surface-strong: #ebebeb;--color-text: #0a0a0a;--color-text-muted: rgba(10, 10, 10, .56);--color-text-subtle: rgba(10, 10, 10, .36);--color-border: rgba(10, 10, 10, .08);--color-border-strong: #0a0a0a;--color-primary: #0a0a0a;--color-on-primary: #ffffff;--color-overlay: rgba(10, 10, 10, .32);--font-sans: "Inter", "IBM Plex Sans Thai", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--leading-tight: 1.2;--leading-normal: 1.5;--tracking-tight: -.02em;--weight-regular: 400;--weight-medium: 500;--weight-bold: 600;--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: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 999px;--tap-min: 44px;--control-height: 38px;--tap-lg: 52px;--screen-max: 480px;--border-width: 1px;--check-size: 22px;--duration-fast: .12s;--duration-normal: .22s;--ease: cubic-bezier(.2, 0, 0, 1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #0a0a0a;--color-surface: #161616;--color-surface-strong: #242424;--color-text: #fafafa;--color-text-muted: rgba(250, 250, 250, .56);--color-text-subtle: rgba(250, 250, 250, .36);--color-border: rgba(250, 250, 250, .1);--color-border-strong: #fafafa;--color-primary: #fafafa;--color-on-primary: #0a0a0a;--color-overlay: rgba(0, 0, 0, .6)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0a0a0a;--color-surface: #161616;--color-surface-strong: #242424;--color-text: #fafafa;--color-text-muted: rgba(250, 250, 250, .56);--color-text-subtle: rgba(250, 250, 250, .36);--color-border: rgba(250, 250, 250, .1);--color-border-strong: #fafafa;--color-primary: #fafafa;--color-on-primary: #0a0a0a;--color-overlay: rgba(0, 0, 0, .6)}*,*: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-add-bar{padding:var(--space-2) var(--space-5)}.ds-add-bar__button{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:var(--tap-min);padding:0 var(--space-4);border:0;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-subtle);font-size:var(--text-md);text-align:left;cursor:text}.ds-ai-mark{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-medium)}.ds-ai-mark svg{fill:currentColor}.ds-banner{display:flex;align-items:center;gap:var(--space-2);padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-5) var(--space-2);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm)}.ds-banner__text{flex:1;min-width:0}.ds-banner .ds-button--ghost{color:var(--color-on-primary);min-height:32px}.ds-bottom-nav{display:grid;grid-template-columns:repeat(5,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;justify-content:center;gap:2px;min-height:52px;border:0;background:transparent;color:var(--color-text-subtle);font-size:11px;font-weight:var(--weight-medium);cursor:pointer;transition:color var(--duration-fast) var(--ease);-webkit-tap-highlight-color:transparent}.ds-bottom-nav__item--active{color:var(--color-text)}.ds-bottom-nav__center{display:flex;align-items:center;justify-content:center}.ds-bottom-nav__add{display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);border:0;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;transition:transform var(--duration-fast) var(--ease);-webkit-tap-highlight-color:transparent}.ds-bottom-nav__add:active{transform:scale(.92)}.ds-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-size:18px;font-weight:var(--weight-bold);line-height:1;letter-spacing:-.04em;color:var(--color-text)}.ds-brand__mark{flex:none}.ds-brand__dot{color:var(--color-text-subtle)}.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-weight:var(--weight-medium);font-size:var(--text-sm);line-height:1;letter-spacing:-.01em;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-surface);color:var(--color-text)}.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--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-check{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--tap-min);height:var(--tap-min);margin:calc((var(--tap-min) - var(--check-size)) / -2);padding:0;border:0;background:transparent;color:var(--color-on-primary);cursor:pointer;-webkit-tap-highlight-color:transparent}.ds-check__ring{display:inline-flex;align-items:center;justify-content:center;width:var(--check-size);height:var(--check-size);border:1.5px solid var(--color-text-subtle);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.ds-check--on .ds-check__ring{background:var(--color-primary);border-color:var(--color-primary)}.ds-chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:24px;padding:0 var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;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)}.ds-chip--unknown{border-style:dashed;color:var(--color-text-subtle)}.ds-chip--interactive{min-height:32px;padding:0 var(--space-3);cursor:pointer;-webkit-tap-highlight-color:transparent}.ds-chip--interactive:active{opacity:.6}.ds-chip--control{box-sizing:border-box;height:var(--control-height);min-height:0;padding:0 var(--space-3);font-size:var(--text-sm)}.ds-composer{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1);border:var(--border-width) solid var(--color-border);border-radius:calc(var(--tap-lg) / 2);background:var(--color-bg)}.ds-composer__row{display:flex;align-items:flex-end;gap:var(--space-1);min-height:40px}.ds-composer__files{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1) var(--space-2) 0}.ds-composer__file{display:inline-flex;align-items:center;gap:var(--space-1);max-width:100%;min-height:28px;padding:0 var(--space-1) 0 var(--space-2);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);font-size:var(--text-xs)}.ds-composer__file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.ds-composer__file button{display:inline-flex;padding:4px;border:0;background:transparent;color:var(--color-text-muted);cursor:pointer}.ds-composer__file--busy{color:var(--color-text-subtle)}.ds-composer__file--failed{text-decoration:line-through;color:var(--color-text-subtle)}.ds-composer__attach{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);cursor:pointer}.ds-composer__input{flex:1;min-width:0;margin:8px 0 8px var(--space-3);padding:0;border:0;outline:0;resize:none;overflow-y:auto;background:transparent;font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-text)}.ds-composer__attach+input+.ds-composer__input{margin-left:0}.ds-composer__input::placeholder{color:var(--color-text-subtle)}.ds-composer__send{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;-webkit-tap-highlight-color:transparent}.ds-composer__send:disabled{background:var(--color-surface-strong);color:var(--color-text-subtle);cursor:default}.ds-countdown{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.ds-countdown__time{font-size:64px;font-weight:var(--weight-regular);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--color-text)}.ds-countdown--paused .ds-countdown__time{color:var(--color-text-subtle)}.ds-countdown__track{width:100%;height:3px;border-radius:var(--radius-full);background:var(--color-surface-strong);overflow:hidden}.ds-countdown__fill{display:block;height:100%;background:var(--color-primary);transition:width 1s linear}.ds-countdown__label{font-size:var(--text-sm);color:var(--color-text-muted)}.ds-doc{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5);border-radius:var(--radius-md);background:var(--color-surface)}.ds-doc__head{display:flex;align-items:center;justify-content:space-between;min-height:32px}.ds-doc__label{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-subtle)}.ds-doc__actions{display:flex;gap:var(--space-1);margin-right:calc(var(--space-2) * -1)}.ds-doc__title{margin:0;font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.ds-doc__body{font-size:var(--text-sm);line-height:1.6;color:var(--color-text)}.ds-doc__body p{margin:0 0 var(--space-2)}.ds-doc__body p:last-child{margin:0}.ds-doc__body ul,.ds-doc__body ol{margin:0 0 var(--space-2);padding-left:var(--space-5)}.ds-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center}.ds-empty__title{margin:0;font-size:var(--text-md);font-weight:var(--weight-medium)}.ds-empty__text{margin:0 0 var(--space-3);max-width:260px;font-size:var(--text-sm);color:var(--color-text-muted)}.ds-field{display:flex;flex-direction:column;gap:var(--space-2)}.ds-field__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted)}.ds-field__hint{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-4);border:var(--border-width) solid transparent;border-radius:var(--radius-md);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__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-3) var(--space-4)}.ds-field__textarea{flex:1;border:0;outline:0;resize:none;background:transparent;font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-text)}.ds-field__control--md .ds-field__textarea{min-height:96px}.ds-field__control--lg .ds-field__textarea{min-height:200px}.ds-field__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.ds-focus{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-7) var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg)}.ds-focus__reason{font-size:var(--text-sm);color:var(--color-text-muted)}.ds-focus__title{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.ds-focus__project{font-size:var(--text-sm);color:var(--color-text-muted)}.ds-focus__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.ds-frame{display:flex;flex-direction:column;height:100%;background:var(--color-bg)}.ds-frame__body{position:relative;flex:1;min-height:0}.ds-list-group{display:flex;flex-direction:column;gap:var(--space-1)}.ds-list-group__title{margin:0 0 var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-subtle)}.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:56px;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}a.ds-list-item{text-decoration:none}.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-list-item__icon{display:inline-flex;color:var(--color-text)}.ds-message{display:flex;gap:var(--space-2)}.ds-message--user{justify-content:flex-end}.ds-message__body{font-size:var(--text-md);line-height:var(--leading-normal);letter-spacing:-.01em}.ds-message__body p{margin:0 0 var(--space-2)}.ds-message__body p:last-child{margin:0}.ds-message--user .ds-message__body{max-width:82%;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface)}.ds-message--ai .ds-message__body{flex:1}.ds-message__stack{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.ds-message--user .ds-message__stack{align-items:flex-end;max-width:82%}.ds-message--user .ds-message__stack .ds-message__body{max-width:100%}.ds-message--ai .ds-message__stack{flex:1}.ds-message__files{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-1)}.ds-message__file{display:inline-flex;align-items:center;gap:var(--space-1);max-width:100%;min-height:32px;padding:0 var(--space-3);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-xs);cursor:pointer}.ds-message__file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.ds-message__mark{display:inline-flex;padding-top:4px;color:var(--color-text)}.ds-message__mark svg{fill:currentColor}.ds-message__typing{display:inline-flex;gap:4px;padding:var(--space-2) 0}.ds-message__typing i{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-text-subtle);animation:ds-typing 1.2s infinite var(--ease)}.ds-message__typing i:nth-child(2){animation-delay:.15s}.ds-message__typing i:nth-child(3){animation-delay:.3s}@keyframes ds-typing{0%,60%,to{opacity:.3}30%{opacity:1}}.ds-options{display:flex;flex-direction:column;border-bottom:var(--border-width) solid var(--color-border)}.ds-option{display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) 0;border:0;border-top:var(--border-width) solid var(--color-border);background:transparent;color:var(--color-text);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.ds-option__text{flex:1;display:flex;flex-direction:column;gap:2px}.ds-option__label{font-size:var(--text-md)}.ds-option__description{font-size:var(--text-sm);color:var(--color-text-muted)}.ds-option__mark{display:inline-flex;width:18px;color:var(--color-text)}.ds-option--selected .ds-option__label{font-weight:var(--weight-medium)}.ds-priority{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.ds-priority__bar{width:3px;border-radius:1px;background:var(--color-surface-strong)}.ds-priority__bar:nth-child(1){height:5px}.ds-priority__bar:nth-child(2){height:8px}.ds-priority__bar:nth-child(3){height:12px}.ds-priority__bar--on{background:var(--color-text)}.ds-progress{display:flex;align-items:center;gap:var(--space-3)}.ds-progress__track{flex:1;height:3px;border-radius:var(--radius-full);background:var(--color-surface-strong);overflow:hidden}.ds-progress__fill{display:block;height:100%;background:var(--color-primary);transition:width var(--duration-normal) var(--ease)}.ds-progress__label{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.ds-progress--sm{gap:var(--space-2)}.ds-progress--sm .ds-progress__track{height:2px}.ds-progress--sm .ds-progress__label{min-width:32px;font-size:11px;text-align:right}.ds-screen{position:relative;display:flex;flex-direction:column;height:100%;min-height:100%;max-width:var(--screen-max);margin:0 auto;overflow:hidden;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-screen__footer--above-nav{padding-bottom:var(--space-3)}.ds-stack{display:flex;flex-direction:column}.ds-row{display:flex;align-items:center;flex-wrap:wrap}.ds-row--between{justify-content:space-between;flex-wrap:nowrap}.ds-row--fill{flex-wrap:nowrap}.ds-row--fill>*{flex:1;min-width:0}.ds-segmented{display:inline-flex;box-sizing:border-box;height:var(--control-height);padding:3px;border-radius:var(--radius-full);background:var(--color-surface)}.ds-segmented__item{height:100%;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-segmented--grow{flex:1;min-width:0}.ds-segmented--grow .ds-segmented__item{flex:1;min-width:0;padding:0 var(--space-2)}.ds-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;justify-content:flex-end}.ds-sheet__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);animation:ds-sheet-fade var(--duration-normal) var(--ease)}.ds-sheet__panel{position:relative;display:flex;flex-direction:column;gap:var(--space-4);max-height:calc(100% - var(--space-6));padding:var(--space-2) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-bg);animation:ds-sheet-up var(--duration-normal) var(--ease)}@keyframes ds-sheet-up{0%{transform:translateY(100%)}}@keyframes ds-sheet-fade{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.ds-sheet__scrim,.ds-sheet__panel{animation:none}}.ds-sheet__grip{align-self:center;width:36px;height:4px;border-radius:var(--radius-full);background:var(--color-surface-strong)}.ds-sheet__title{font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.ds-sheet__body{display:flex;flex-direction:column;gap:var(--space-4);min-height:0;overflow-y:auto;overscroll-behavior:contain}.ds-slider{width:100%;height:var(--tap-min);margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.ds-slider::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--color-primary) var(--ds-slider-pct),var(--color-surface-strong) var(--ds-slider-pct))}.ds-slider::-moz-range-track{height:4px;border-radius:var(--radius-full);background:var(--color-surface-strong)}.ds-slider::-moz-range-progress{height:4px;border-radius:var(--radius-full);background:var(--color-primary)}.ds-slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-12px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);box-shadow:0 0 0 1px var(--color-border)}.ds-slider::-moz-range-thumb{width:28px;height:28px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg)}.ds-slider:focus-visible{outline:2px solid var(--color-border-strong);outline-offset:2px}.ds-task{position:relative;display:flex;border-top:var(--border-width) solid var(--color-border);overflow:hidden}.ds-task__front{position:relative;z-index:1;flex:1;display:flex;align-items:flex-start;gap:var(--space-3);min-width:0;min-height:56px;padding:var(--space-3) 0;background:var(--color-bg);cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none;transition:transform var(--duration-normal) var(--ease);-webkit-tap-highlight-color:transparent}.ds-task__front--dragging{transition:none}.ds-task .ds-check{margin-top:calc((var(--tap-min) - var(--check-size)) / -2 - 1px)}.ds-task__body{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.ds-task__title{font-size:var(--text-md);line-height:1.35;letter-spacing:-.01em;color:var(--color-text)}.ds-task__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.ds-task__today{display:inline-flex;color:var(--color-text)}.ds-task__trail{display:flex;align-items:center;gap:var(--space-2);padding-top:4px}.ds-task--done .ds-task__title{color:var(--color-text-subtle);text-decoration:line-through}.ds-task--done .ds-task__meta{opacity:.5}.ds-task__actions{position:absolute;inset:0 0 0 auto;display:flex}.ds-task__actions button{width:56px;border:0;background:var(--color-surface);color:var(--color-text);cursor:pointer}.ds-task__actions button:last-child{background:var(--color-primary);color:var(--color-on-primary)}.ds-task__project{margin-left:var(--space-1);font-size:var(--text-xs);color:var(--color-text-subtle)}.ds-task__complete{position:absolute;inset:0 auto 0 0;display:flex;align-items:center;padding-left:var(--space-5);width:100%;background:var(--color-primary);color:var(--color-on-primary)}.ds-task__context{font-size:var(--text-xs);line-height:1.3;color:var(--color-text-subtle)}.ds-task--centered .ds-task__front{align-items:center}.ds-task--centered .ds-check{margin-top:calc((var(--tap-min) - var(--check-size)) / -2)}.ds-task--centered .ds-task__trail{padding-top:0}.ds-heading{margin:0;font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}.ds-heading--1{font-size:var(--text-2xl);letter-spacing:-.03em}.ds-heading--2{font-size:var(--text-xl)}.ds-heading--3{font-size:var(--text-md);font-weight:var(--weight-medium)}.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-xs);font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-subtle)}.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:minmax(var(--tap-min),auto) 1fr minmax(var(--tap-min),auto);align-items:center;min-height:52px;padding:0 var(--space-2)}.ds-topbar__title{text-align:center;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-topbar__side{display:flex}.ds-topbar__side--end{justify-content:flex-end}.ds-wheel{position:relative;display:flex;justify-content:center;gap:var(--space-2);height:200px}.ds-wheel__band{position:absolute;left:0;right:0;top:80px;height:40px;border-radius:var(--radius-md);background:var(--color-surface);pointer-events:none}.ds-wheel__col{position:relative;display:flex;align-items:center}.ds-wheel__scroll{position:relative;width:56px;height:200px;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;padding:80px 0;outline:0;-webkit-mask-image:linear-gradient(transparent,black 35%,black 65%,transparent);mask-image:linear-gradient(transparent,black 35%,black 65%,transparent)}.ds-wheel__scroll::-webkit-scrollbar{display:none}.ds-wheel__item{height:40px;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-1);scroll-snap-align:center;font-size:var(--text-xl);font-variant-numeric:tabular-nums;color:var(--color-text-subtle)}.ds-wheel__item--on{color:var(--color-text)}.ds-wheel__label{position:relative;width:44px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}html.is-app,html.is-app body{height:100%;overflow:hidden;overscroll-behavior:none}.app{position:fixed;top:0;left:0;right:0;height:var(--app-height, 100dvh);transform:translateY(var(--app-offset, 0px))}html.kb-open .ds-screen__footer{padding-bottom:var(--space-2)}html.kb-open .ds-sheet__panel{padding-bottom:var(--space-3)}html.kb-open .ds-bottom-nav{display:none}.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-bold);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-bold)}.pv-h2:first-child{margin-top:0}.pv-h3{margin:0;font-size:var(--text-md);font-weight:var(--weight-bold)}.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-mono);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-mono);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)}