@layer components{.btn-go{border-radius:var(--radius-pill);background:var(--button-primary-bg);min-height:56px;color:var(--button-primary-fg);font:inherit;font-size:var(--text-base);cursor:pointer;white-space:nowrap;transition-property:background-color,box-shadow;transition-duration:var(--duration-state);transition-timing-function:var(--ease-standard);border:0;align-items:center;gap:14px;padding:0 8px 0 24px;font-weight:600;display:inline-flex}.btn-go .mark{border-radius:var(--radius-pill);background:var(--button-primary-mark);width:40px;height:40px;color:var(--button-primary-mark-fg);font-size:var(--text-sm);transition-property:transform;transition-duration:var(--duration-state);transition-timing-function:var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}.btn-go:hover .mark{transform:translate(4px)}.btn-go:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.btn-go[aria-busy=true]{cursor:progress}.on-deep .btn-go{background:var(--color-accent-light);color:var(--color-ink)}.on-deep .btn-go .mark{background:var(--color-deep);color:var(--color-on-deep)}.on-deep .btn-go:focus-visible{outline-color:var(--color-focus-on-deep)}.btn-quiet{border:var(--layout-keyline) solid var(--color-ink);border-radius:var(--radius-pill);min-height:56px;color:var(--color-ink);font:inherit;font-size:var(--text-base);cursor:pointer;background:0 0;padding:0 22px;font-weight:500}.btn-quiet:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.flow-steps{font-size:var(--text-sm);color:var(--color-ink-muted);flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}.flow-steps .dot{border-radius:var(--radius-pill);border:var(--layout-keyline) solid var(--color-accent);width:22px;height:22px;font-size:var(--text-tiny);justify-content:center;align-items:center;display:inline-flex}.flow-steps [aria-current=step]{color:var(--color-ink);font-weight:600}.flow-steps [aria-current=step] .dot{border-color:var(--color-deep);background:var(--color-deep);color:var(--color-on-deep)}.flow-steps .done .dot{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-ink)}.flow-steps .dash{border-top:2px dashed var(--color-accent);width:26px}.url-pill{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-raised);transition-property:box-shadow;transition-duration:var(--duration-state);transition-timing-function:var(--ease-standard);align-items:center;gap:8px;padding:6px 6px 6px 10px;display:flex}.url-pill.ready,.url-pill:focus-within{box-shadow:0 0 0 6px var(--color-accent-light)}.url-pill .logo-slot{border-radius:var(--radius-card);background:var(--color-surface);flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;overflow:hidden}.url-pill .logo-slot img{object-fit:contain;width:22px;height:22px}.url-pill input{min-width:0;color:var(--color-ink);font:inherit;font-size:var(--text-xl);background:0 0;border:0;flex:1}.url-pill input:focus{outline:0}.url-pill input::placeholder{color:var(--color-ink-muted)}.pain-panel{background:var(--color-deep);color:var(--color-on-deep);border-radius:var(--radius-panel)}.pain-panel .soft{color:var(--color-accent-light)}.pain-chip{border:1.5px solid var(--color-accent);border-radius:var(--radius-pill);min-height:44px;color:var(--color-on-deep);font:inherit;font-size:var(--text-base);cursor:pointer;transition-property:background-color,color,border-color;transition-duration:var(--duration-state);transition-timing-function:var(--ease-standard);background:0 0;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.pain-chip[aria-pressed=true]{border-color:var(--color-accent-light);background:var(--color-accent-light);color:var(--color-ink);font-weight:500}.pain-chip:disabled{cursor:not-allowed;opacity:.55}.pain-chip:hover:not(:disabled){border-color:var(--color-accent-light);background:color-mix(in srgb, var(--color-accent-light) 20%, transparent);transform:translateY(-1px)}.pain-chip:active:not(:disabled){background:var(--color-accent-light);color:var(--color-ink);transform:translateY(0)}.pain-chip{transition-property:background-color,color,border-color,transform}.btn-go:disabled,.pain-panel .typed:disabled,.pain-panel .link-on-deep:disabled{cursor:not-allowed;opacity:.5}.pain-panel[data-state=waiting] .pain-chip:disabled{cursor:progress}.pain-skeleton{opacity:.45;height:44px;animation:breathe var(--duration-pulse) var(--ease-standard) infinite alternate;border-style:dashed}.turn-dot{border-radius:var(--radius-pill);background:var(--color-accent-light);width:10px;height:10px;animation:breathe var(--duration-pulse) var(--ease-standard) infinite alternate}.turn-dot.on{background:var(--color-waiting);animation:none}@keyframes breathe{0%{opacity:.35}to{opacity:.8}}.pain-panel[data-state=ready]{animation:turn-ring calc(var(--duration-entrance) * 4) var(--ease-standard) 1}.pain-panel[data-state=ready] .pain-chip{animation:chip-in var(--duration-entrance) var(--ease-standard) both}.pain-panel[data-state=ready] .pain-chip:nth-child(2){animation-delay:var(--duration-stagger)}.pain-panel[data-state=ready] .pain-chip:nth-child(3){animation-delay:calc(var(--duration-stagger) * 2)}.pain-panel[data-state=ready] .pain-chip:nth-child(4){animation-delay:calc(var(--duration-stagger) * 3)}.pain-panel[data-state=ready] .pain-chip:nth-child(5){animation-delay:calc(var(--duration-stagger) * 4)}.pain-panel[data-state=ready] .pain-chip:nth-child(6){animation-delay:calc(var(--duration-stagger) * 5)}@keyframes turn-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent-light) 70%, transparent)}to{box-shadow:0 0 0 18px #0000}}@keyframes chip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pain-chip:focus-visible,.pain-panel .link-on-deep:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-on-deep);outline-offset:var(--focus-ring-offset)}.pain-panel .typed{border-radius:var(--radius-panel);background:var(--color-canvas);width:100%;min-height:52px;color:var(--color-ink);font:inherit;font-size:var(--text-base);border:0;padding:0 16px}.pain-panel .typed:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-on-deep);outline-offset:var(--focus-ring-offset)}.link-on-deep{color:var(--color-accent-light);font:inherit;font-size:var(--text-ui);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.read-card{border:var(--layout-keyline) solid var(--color-hairline);border-radius:var(--radius-panel);background:var(--color-raised)}.read-card .logo{border-radius:var(--radius-panel);background:var(--color-surface);color:var(--color-ink);flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex;overflow:hidden}.read-card .logo img{object-fit:contain;width:80%;height:80%}.swatch{border-radius:var(--radius-pill);border:2px solid var(--color-raised);width:24px;height:24px;box-shadow:0 0 0 1px var(--color-hairline);background:var(--swatch,var(--color-neutral));flex:none}button.swatch{cursor:pointer}button.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--color-deep)}.skeleton{border-radius:var(--radius-control);background:var(--color-neutral);height:14px;display:block}.picked-chip{border-radius:var(--radius-pill);background:var(--color-accent-tint);font-size:var(--text-ui);padding:10px 14px}.quote{border-radius:var(--radius-control);background:var(--color-surface);padding:2px 6px}.tick{border-radius:var(--radius-pill);width:18px;height:18px;font-size:var(--text-micro);border:2px solid var(--color-deep);flex:none;justify-content:center;align-items:center;display:inline-flex}.tick.done{border-color:var(--color-accent);background:var(--color-accent)}@media (prefers-reduced-motion:reduce){.btn-go,.btn-go .mark,.url-pill,.pain-chip{transition-duration:var(--duration-instant)}}}