@charset "UTF-8";:root{--k-cream: #ffffff;--k-blush: #fff0f3;--k-white: #ffffff;--k-plum-950: #2e0819;--k-plum-900: #420c24;--k-plum-700: #5a1a36;--k-plum-500: #6e5a64;--k-plum-300: #9c8490;--k-plum-line: rgb(66 12 36 / 14%);--k-pink-500: #fa0244;--k-pink-550: #e00340;--k-pink-600: #b70735;--k-pink-300: #fb507e;--k-pink-tint: rgb(250 2 68 / 8%);--k-yellow-400: #fecf02;--k-green-700: #1f6b33;--k-amber-700: #9a4a00;--k-red-700: #a3201c;--surface: var(--k-cream);--surface-raised: var(--k-white);--surface-sunken: var(--k-blush);--surface-inverse: var(--k-plum-950);--text: var(--k-plum-900);--text-muted: var(--k-plum-500);--text-inverse: var(--k-cream);--text-accent: var(--k-plum-900);--line-hair: var(--k-plum-line);--line-control: var(--k-plum-300);--line-strong: var(--k-plum-900);--line-accent: var(--k-plum-900);--action: var(--k-pink-550);--action-pressed: var(--k-pink-600);--on-action: var(--k-white);--accent-loud: var(--k-pink-500);--accent: var(--k-plum-900);--accent-tint: rgb(66 12 36 / 7%);--on-accent: var(--k-cream);--create: var(--k-plum-950);--create-tint: rgb(66 12 36 / 8%);--on-create: var(--k-cream);--approved: var(--k-yellow-400);--danger: var(--k-red-700);--danger-fill: var(--k-red-700);--on-danger-fill: var(--k-cream);--warn: var(--k-plum-900);--stale-edge: var(--k-pink-600);--ok: var(--k-green-700);--focus-ring: var(--k-plum-900);--scrim: rgb(46 8 25 / 55%);--font-display: "DM Serif Display", Georgia, "Times New Roman", serif;--font-body: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-script: var(--font-display);--fs-100: .6875rem;--fs-200: .75rem;--fs-300: .8125rem;--fs-400: .875rem;--fs-500: 1rem;--fs-600: 1.1875rem;--fs-700: 1.625rem;--fs-800: clamp(2rem, 4.4vw, 3rem);--fs-900: clamp(2.75rem, 7vw, 5.75rem);--lh-tight: .95;--lh-snug: 1.25;--lh-body: 1.55;--lh-loose: 1.7;--ls-display: -.02em;--ls-body: 0;--ls-label: .12em;--ls-micro: .14em;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-30: 7.5rem;--gap-section: var(--sp-16);--gap-group: var(--sp-6);--gap-inner: var(--sp-3);--gap-tight: var(--sp-2);--radius-0: 0;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 28px;--radius-pill: 999px;--bw-hair: 1px;--bw-rule: 1px;--bw-bold: 2px;--bw-frame: 3px;--shadow-none: none;--shadow-raised: 0 1px 2px rgb(66 12 36 / 8%), 0 8px 24px -12px rgb(66 12 36 / 24%);--shadow-overlay: 0 12px 32px -8px rgb(66 12 36 / 28%);--shadow-modal: 0 24px 64px -12px rgb(46 8 25 / 42%);--shadow-press: 0 5px 0 var(--k-plum-900);--sticker-edge: drop-shadow(4px 0 0 #fff) drop-shadow(-4px 0 0 #fff) drop-shadow(0 4px 0 #fff) drop-shadow(0 -4px 0 #fff) drop-shadow(0 14px 18px rgb(66 12 36 / 22%));--dur-instant: 80ms;--dur-fast: .14s;--dur-base: .22s;--dur-slow: .42s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-snap: cubic-bezier(.22, 1.3, .36, 1);--page-gutter: 1rem;--w-form: 640px;--w-prose: 68ch;--w-thread: 900px;--w-content: 1280px;--w-board: 1600px;--ink: var(--k-plum-900);--paper: var(--k-cream);--paper-line: var(--k-plum-900);--ph-fill: var(--k-blush);--ph-fill-dark: #fbdde5;--text-on-dark: var(--text);--text-muted-paper: var(--text-muted);--text-strong: var(--text);--text-body: var(--text);--border-control: var(--line-control);--border-hairline: var(--line-hair);--danger-on-dark: var(--danger);--danger-fg: var(--danger);--warn-fg: var(--warn);--warning: var(--warn);--ok-fg: var(--ok);--spend-fg: var(--text);--surface-recessed: var(--surface-sunken);--radius-control: var(--radius-md);--radius-panel: var(--radius-lg);--radius-tight: var(--radius-sm);--page-pad-inline: var(--page-gutter);--page-pad-block: var(--sp-8);--page-max: var(--w-content);--stack-gap: var(--gap-group)}.surface-paper,.board{--surface: var(--k-white);--surface-raised: var(--k-white);--surface-sunken: var(--k-cream)}@media(min-width:640px){:root{--page-gutter: 1.75rem}}@media(min-width:900px){:root{--page-gutter: 2.5rem}}@media(min-width:1600px){:root{--page-gutter: 3rem}}@media(max-width:899px){:root{--gap-section: var(--sp-12)}}:root{--ds-text: var(--text);--ds-text-muted: var(--text-muted);--ds-accent: var(--action);--ds-accent-strong: var(--action-pressed);--ds-on-accent: var(--on-action);--ds-danger: var(--danger);--ds-focus: var(--focus-ring);--ds-focus-offset: 2px;--ds-surface-raised: var(--accent-tint);--ds-surface-sunken: var(--surface-sunken);--ds-rule: var(--line-control);--ds-rule-soft: var(--line-hair);--ds-border: var(--bw-hair);--ds-border-strong: var(--bw-bold);--ds-border-style: solid;--ds-radius: var(--radius-md);--ds-dot: 8px;--ds-font-body: var(--font-body);--ds-font-label: var(--font-body);--ds-font-mono: ui-monospace, "SF Mono", Menlo, monospace;--ds-body-size: var(--fs-500);--ds-body-leading: var(--lh-body);--ds-lead-size: var(--fs-600);--ds-title-size: var(--fs-700);--ds-label-size: var(--fs-300);--ds-label-weight: var(--fw-bold);--ds-label-tracking: .02em;--ds-label-case: none;--ds-stack-xs: var(--sp-1);--ds-stack-sm: var(--sp-2);--ds-stack-md: var(--sp-4);--ds-stack-lg: var(--sp-8);--ds-inset-xs: var(--sp-2);--ds-inset-sm: var(--sp-2);--ds-inset-md: var(--sp-4);--ds-measure: 760px;--ds-measure-min: 200px;--ds-beat: var(--dur-fast);--ds-ease: var(--ease-out)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--surface);color-scheme:light}body{min-inline-size:320px;min-block-size:100vh;background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:var(--fs-500);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img,svg{display:block;max-inline-size:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}.ph{background:var(--ph-fill)}.ph--dot{inline-size:44px;block-size:44px;border-radius:50%;border:1px solid var(--line-strong)}.ph--dot-sm{inline-size:28px;block-size:28px}.ph--circle{border-radius:50%}.ph--figure{position:relative;inline-size:100%;aspect-ratio:5/8;background:none}.ph--figure:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:50%;translate:-50% 0;inline-size:72%;aspect-ratio:1;border-radius:50%;background:var(--ph-fill)}.ph--figure:after{content:"";position:absolute;inset-block-end:0;inset-inline-start:50%;translate:-50% 0;inline-size:62%;block-size:56%;border-radius:38% 38% 30% 30%/55% 55% 12% 12%;background:var(--ph-fill)}.ph--wide{aspect-ratio:4/5}.ph--tall{aspect-ratio:5/9;inline-size:clamp(90px,40%,130px)}.ph--mini{inline-size:clamp(34px,100%,56px);aspect-ratio:5/8}.ph--mini:before,.ph--mini:after{background:var(--ph-fill-dark)}.ph--faded{opacity:.55}.ph--bubble{inline-size:100%;aspect-ratio:1;border-radius:50% 50% 50% 12%}.ph--card{inline-size:100%;aspect-ratio:1/1.15;border-radius:var(--radius-panel)}.ph--dot{inline-size:clamp(40px,100%,56px);aspect-ratio:1;border-radius:50%;margin-inline:auto}.ph--dot-sm{inline-size:clamp(34px,100%,46px)}.ph--icon{inline-size:70%;aspect-ratio:1;margin:auto}.btn,.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:var(--bw-hair) solid var(--line-strong);border-radius:var(--radius-pill);background:transparent;color:var(--text);font-family:var(--font-body);font-weight:var(--fw-bold);line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:hover:not(:disabled),.chip:hover:not(:disabled){background:var(--text);color:var(--surface)}.btn:active:not(:disabled),.chip:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.chip:disabled{opacity:.45;cursor:not-allowed}.btn{min-block-size:48px;padding-inline:var(--sp-6);font-size:var(--fs-400)}.btn--primary{background:var(--action);border-color:var(--action);color:var(--on-action)}.btn--primary:hover:not(:disabled){background:var(--action);color:var(--on-action);transform:translateY(-2px);box-shadow:var(--shadow-press)}.btn--block{inline-size:100%}.btn--arrow:after{content:"\2192";transition:transform var(--dur-fast) var(--ease-out)}.btn--arrow:hover:after{transform:translate(3px)}.btn--light{background:var(--k-cream);border-color:var(--k-cream);color:var(--k-plum-900)}.btn--light:hover:not(:disabled){background:var(--k-cream);color:var(--k-plum-900);transform:translateY(-2px);box-shadow:var(--shadow-press)}.mirror{transform:scaleX(-1)}.chip{min-block-size:34px;padding:var(--sp-1) var(--sp-4);font-size:var(--fs-200)}.chip--sm{min-block-size:28px;padding:var(--sp-1) var(--sp-3);font-size:var(--fs-100);white-space:normal}.chip--approve{background:var(--text);border-color:var(--text);color:var(--surface)}.chip--approve:hover:not(:disabled){background:var(--k-plum-700);border-color:var(--k-plum-700);color:var(--surface)}.chip--reject:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:var(--on-danger-fill)}.chip--danger{background:var(--danger-fill);border-color:var(--danger-fill);color:var(--on-danger-fill)}.chip--danger:hover:not(:disabled){background:var(--text);border-color:var(--text);color:var(--surface)}.chip--stale{border-color:var(--warn);color:var(--warn);background:transparent}.chip--stale:hover:not(:disabled){background:var(--warn);color:var(--k-cream)}.chip--spend,.btn--spend{border-color:var(--create);color:var(--create);background:transparent}.chip--spend:hover:not(:disabled),.btn--spend:hover:not(:disabled){background:var(--create);border-color:var(--create);color:var(--on-create)}.chip--selected{background:var(--text);border-color:var(--text);color:var(--surface)}.chip--buy{background:var(--action);border-color:var(--action);color:var(--on-action)}.chip--buy:hover:not(:disabled){background:var(--action);color:var(--on-action);transform:translateY(-2px);box-shadow:var(--shadow-press)}h1,h2,h3{font-family:var(--font-display);font-weight:var(--fw-regular);letter-spacing:var(--ls-display);line-height:var(--lh-snug);text-wrap:balance}h1 em,h2 em{color:inherit;font-style:italic}.eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);margin:0;color:var(--text-muted);font-family:var(--font-body);font-size:var(--fs-100);font-weight:var(--fw-bold);letter-spacing:var(--ls-label);text-transform:uppercase}.eyebrow:before{content:"";inline-size:7px;block-size:7px;border-radius:50%;background:currentColor;flex:none}.label{font-family:var(--font-body);font-size:var(--fs-100);font-weight:var(--fw-bold);letter-spacing:var(--ls-label);text-transform:uppercase;color:inherit;text-align:start}.label--onDark{color:var(--text)}.label--centered,.cell .label{text-align:center}.page{inline-size:100%;max-inline-size:var(--w-content);margin-inline:auto;padding-inline:var(--page-gutter);padding-block:var(--sp-10) var(--sp-20)}.page__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-4) var(--sp-6);margin-block-end:var(--gap-section)}.page__head h1{font-size:var(--fs-800);line-height:var(--lh-tight)}.page__head p{color:var(--text-muted);max-inline-size:60ch;margin-block-start:var(--sp-3)}.panel{padding:var(--page-pad-block) var(--page-pad-inline);min-inline-size:0}.panel__title,.panel__subtitle{font-family:var(--font-body);font-size:var(--fs-100);font-weight:var(--fw-bold);letter-spacing:var(--ls-label);text-transform:uppercase;color:inherit;margin-block-end:var(--sp-5)}.panel__hint{font-size:var(--fs-300);line-height:var(--lh-body);color:var(--text-muted);max-inline-size:64ch;margin-block:calc(var(--sp-2) * -1) var(--sp-5)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.card:focus-within .card__remove{opacity:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.toast__spin,.option__spin,.gen-cell__spinner{animation-duration:2.4s!important;animation-iteration-count:infinite!important}}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(hover:none),(max-width:700px){.chip,.chip--sm,.history__filter,.history__search input,.dash__form input,.pricing__topup input,.pricing__topup select{min-block-size:44px}.history__filter,.history__search input{min-inline-size:44px}.gen-cell__bar--hover{opacity:1;position:static;padding-block:.5rem 0}.comp__aspect{min-block-size:44px;padding-inline:.75rem}.comp__handle{inline-size:28px;block-size:28px}}
