.pd{--pd-card:color-mix(in oklch, var(--card) 45%, white);--pd-line:color-mix(in oklch, var(--border) 85%, white);--pd-shadow:0 1px 2px #322e220d, 0 10px 28px -18px #322e2247;--pd-brass-soft:color-mix(in oklch, var(--brand) 22%, white);--pd-brass-wash:color-mix(in oklch, var(--brand) 10%, white);--pd-violet:#6b4cae;--pd-violet-soft:#efebff;--pd-orange:#b35100;--pd-orange-soft:#ffeede;--pd-side:color-mix(in oklch, var(--card) 35%, white)}@supports (color:lab(0% 0 0)){.pd{--pd-shadow:0 1px 2px lab(18.8839% .294343 7.91463/.05), 0 10px 28px -18px lab(18.8839% .294343 7.91463/.28);--pd-violet:lab(39.7275% 30.6008 -48.516);--pd-violet-soft:lab(93.8831% 4.57031 -10.1866);--pd-orange:lab(46.8281% 38.6363 59.9668);--pd-orange-soft:lab(95.2715% 7.03916 13.5302)}}@layer components{.pd-side{background:var(--pd-side);color:var(--foreground);box-shadow:inset -1px 0 0 var(--pd-line)}.pd-nav-link{min-height:2.75rem;color:color-mix(in oklch, var(--foreground) 82%, transparent);border-radius:.75rem;align-items:center;gap:.875rem;padding:0 .875rem;font-size:.9375rem;font-weight:500;display:flex}.pd-nav-link .sb-beam-icon{color:var(--muted-foreground)}.pd-nav-link[aria-current=page]{background:var(--brand);color:var(--brand-foreground);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--brand-foreground) 25%, transparent);font-weight:600}.pd-nav-link[aria-current=page] .sb-beam-icon{color:var(--brand-foreground)}.pd-promo{background:var(--pd-brass-wash);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--brand-foreground) 14%, transparent);border-radius:1rem;position:relative;overflow:hidden}.pd-search{border:1px solid var(--pd-line);background:var(--pd-card);border-radius:.75rem;align-items:center;gap:.625rem;height:2.75rem;padding:0 .875rem;transition:border-color .2s,box-shadow .2s;display:flex}.pd-search:focus-within{border-color:var(--foreground);box-shadow:0 0 0 3px color-mix(in oklch, var(--brand) 45%, transparent)}.pd-search input{background:0 0;outline:none;flex:1;min-width:0}.pd-card{background:var(--pd-card);border:1px solid var(--pd-line);min-width:0;box-shadow:var(--pd-shadow);border-radius:1rem}a.pd-card,.pd-card-link{transition:border-color .25s,transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}a.pd-card:hover,.pd-card-link:hover{border-color:var(--foreground);box-shadow:0 3px 0 var(--foreground);transform:translateY(-2px)}.pd-hero{align-items:flex-end;min-height:9.5rem;display:flex;position:relative}.pd-hero-quote{font-family:var(--p2b-script), cursive;color:color-mix(in oklch, var(--foreground) 62%, transparent);text-align:right;transform-origin:100%;font-size:1.125rem;font-weight:400;line-height:1.2;position:absolute;top:.5rem;right:0;rotate:-2deg}.pd-hero-quote>span:last-child:not(:only-child){margin-right:.75rem;font-size:1rem}.pd-tile{border-radius:.875rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pd-tile[data-tone=brass]{background:var(--pd-brass-soft);color:var(--brand-foreground)}.pd-tile[data-tone=green]{background:var(--success-muted);color:var(--success)}.pd-tile[data-tone=violet]{background:var(--pd-violet-soft);color:var(--pd-violet)}.pd-tile[data-tone=orange]{background:var(--pd-orange-soft);color:var(--pd-orange)}.pd-tile[data-tone=red]{background:var(--destructive-muted);color:var(--destructive)}.pd-tile[data-tone=ink]{background:var(--foreground);color:var(--brand)}.pd-tile[data-tone=muted]{background:var(--muted);color:var(--muted-foreground)}.pd-chip{white-space:nowrap;border-radius:.5rem;align-items:center;gap:.3rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.pd-chip[data-tone=brass]{background:var(--pd-brass-soft);color:var(--brand-foreground)}.pd-chip[data-tone=green]{background:var(--success-muted);color:var(--success);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--success) 18%, transparent)}.pd-chip[data-tone=violet]{background:var(--pd-violet-soft);color:var(--pd-violet)}.pd-chip[data-tone=orange]{background:var(--warning-muted);color:var(--warning);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--warning) 18%, transparent)}.pd-chip[data-tone=red]{background:var(--destructive-muted);color:var(--destructive);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--destructive) 15%, transparent)}.pd-chip[data-tone=muted]{background:var(--muted);color:var(--muted-foreground)}.pd-chip[data-tone=ink]{background:var(--foreground);color:var(--background)}.pd-sample{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--brand-foreground);background:var(--pd-brass-wash);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--brand-foreground) 22%, transparent);border-radius:.375rem;align-items:center;gap:.375rem;padding:.2rem .5rem .2rem .375rem;font-size:.6875rem;display:inline-flex}.pd-sample:before{content:"";background:repeating-linear-gradient(-45deg, var(--brand) 0 3px, var(--foreground) 3px 6px);border-radius:2px;width:.625rem;height:.625rem}.pd-bar{background:color-mix(in oklch, var(--foreground) 9%, transparent);border-radius:999px;height:.5rem;position:relative;overflow:hidden}.pd-bar>i{width:var(--v,0%);border-radius:inherit;background:var(--brand);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--brand-foreground) 20%, transparent);transform-origin:0;animation:.9s cubic-bezier(.3,1.35,.45,1) .2s both p2b-beam;position:absolute;inset:0 auto 0 0}.pd-bar[data-tone=green]>i{background:var(--success);box-shadow:none}.pd-bar[data-tone=ink]>i{background:var(--foreground);box-shadow:none}.pd-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.875rem;position:relative}.pd-table thead th{background:color-mix(in oklch, var(--muted) 70%, white);text-align:left;white-space:nowrap;color:color-mix(in oklch, var(--foreground) 80%, transparent);padding:.625rem .75rem;font-size:.75rem;font-weight:600}.pd-table thead th:first-child{border-top-left-radius:.625rem}.pd-table thead th:last-child{border-top-right-radius:.625rem}.pd-table tbody td{border-bottom:1px solid var(--pd-line);vertical-align:middle;padding:.75rem}.pd-table tbody tr{transition:background-color .2s}.pd-table tbody tr:hover{background:color-mix(in oklch, var(--foreground) 2.5%, transparent)}.pd-table tbody tr[data-selected=true]{background:var(--pd-brass-wash)}.pd-mini{border:1px solid color-mix(in oklch, var(--foreground) 22%, transparent);background:var(--pd-card);white-space:nowrap;border-radius:.5rem;justify-content:center;align-items:center;gap:.375rem;min-height:2rem;padding:0 .75rem;font-size:.8125rem;font-weight:600;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .2s,background-color .2s;display:inline-flex}.pd-mini:not(:disabled):not([aria-disabled=true]):hover{border-color:var(--foreground);box-shadow:0 2px 0 var(--foreground);transform:translateY(-1px)}.pd-mini[data-tone=brass]{border-color:color-mix(in oklch, var(--brand-foreground) 30%, transparent);background:var(--brand);color:var(--brand-foreground)}.pd-mini:disabled,.pd-mini[aria-disabled=true]{opacity:.55;cursor:not-allowed}.pd-link{text-decoration:underline;-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-underline-offset:5px;white-space:nowrap;align-items:center;gap:.3rem;font-size:.8125rem;font-weight:600;text-decoration-thickness:2px;display:inline-flex}.pd-link svg{width:.9375rem;height:.9375rem;transition:transform .25s}.pd-link:hover svg{transform:translate(3px)}.pd-tabs{scrollbar-width:none;gap:.25rem;display:flex;overflow-x:auto}.pd-tab{white-space:nowrap;min-height:2.5rem;color:var(--muted-foreground);padding:0 .75rem;font-size:.9375rem;font-weight:500;transition:color .2s;position:relative}.pd-tab:hover{color:var(--foreground)}.pd-tab[aria-selected=true],.pd-tab[aria-current=page]{color:var(--foreground);font-weight:600}.pd-tab[aria-selected=true]:after,.pd-tab[aria-current=page]:after{content:"";background:var(--brand);height:3px;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--brand-foreground) 25%, transparent);transform-origin:0;border-radius:3px;animation:.6s cubic-bezier(.3,1.35,.45,1) both p2b-beam;position:absolute;inset:auto .5rem 0}.pd-select{border:1px solid var(--pd-line);background:var(--pd-card);border-radius:.625rem;min-width:0;height:2.5rem;padding:0 .625rem;font-size:.875rem}.pd-select:focus-visible{border-color:var(--foreground)}.pd-chart-bar{fill:var(--brand);stroke:color-mix(in oklch, var(--brand-foreground) 40%, transparent);stroke-width:1px;transform-box:fill-box;transform-origin:50% 100%;animation:pd-grow .9s cubic-bezier(.3, 1.25, .45, 1) calc(var(--i,0) * 60ms + .15s) both;transition:fill .2s}.pd-chart-bar:hover{fill:color-mix(in oklch, var(--brand) 75%, var(--foreground))}.pd-chart-col{transform-box:fill-box;transform-origin:50% 100%;animation:pd-grow .9s cubic-bezier(.3, 1.25, .45, 1) calc(var(--i,0) * 60ms + .15s) both}.pd-hbar{width:var(--w,0%);background:var(--c,var(--brand));transform-origin:0;animation:.9s cubic-bezier(.3,1.35,.45,1) .2s both p2b-beam}.pd-ring{transform-origin:50%;transform:rotate(-90deg)}.pd-ring circle[data-arc]{transition:stroke-dashoffset 1.1s cubic-bezier(.2,.85,.15,1);animation:1.2s cubic-bezier(.2,.85,.15,1) .2s both pd-draw}.pd-line{stroke-dasharray:600;animation:1.6s cubic-bezier(.2,.85,.15,1) .2s both pd-trace}@keyframes pd-grow{0%{scale:1 0}to{scale:1}}@keyframes pd-draw{0%{stroke-dashoffset:var(--len,300)}}@keyframes pd-trace{0%{stroke-dashoffset:600px}to{stroke-dashoffset:0}}.pd-bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:1rem;max-width:min(36rem,85%);padding:.625rem .875rem;font-size:.9375rem;line-height:1.45}.pd-bubble[data-side=theirs]{background:color-mix(in oklch, var(--muted) 75%, white);border-top-left-radius:.25rem}.pd-bubble[data-side=mine]{background:var(--pd-brass-soft);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--brand-foreground) 12%, transparent);border-top-right-radius:.25rem}.pd-enter{animation:pd-enter .7s cubic-bezier(.2, .85, .15, 1) calc(var(--i,0) * 50ms) both}@keyframes pd-enter{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){a.pd-card:hover,.pd-card-link:hover,.pd-mini:hover{transform:none}.pd-chart-col,.pd-hbar{animation:none}}}.pd .pd-cta{background-color:var(--brand);color:var(--brand-foreground);border-color:color-mix(in oklch, var(--brand-foreground) 35%, transparent);background-image:linear-gradient(var(--foreground), var(--foreground))}.pd .pd-cta:not(:disabled):hover,.pd .pd-cta:focus-visible{color:var(--background)}.pd .pd-cta:before{background:var(--foreground)!important}.pd .pd-cta:after{background:var(--brand)!important}