@property --wiz-accent{syntax:"<color>";inherits:true;initial-value:#0000}@property --wiz-tint{syntax:"<color>";inherits:true;initial-value:#0000}@property --wiz-lobe-a{syntax:"<color>";inherits:true;initial-value:#0000}@property --wiz-lobe-b{syntax:"<color>";inherits:true;initial-value:#0000}@property --wiz-lobe-c{syntax:"<color>";inherits:true;initial-value:#0000}@property --wiz-lobe-cool{syntax:"<color>";inherits:true;initial-value:#0000}@property --wiz-lobe-cool2{syntax:"<color>";inherits:true;initial-value:#0000}@property --wiz-cover-1{syntax:"<color>";inherits:true;initial-value:#0000}@property --wiz-cover-2{syntax:"<color>";inherits:true;initial-value:#0000}.tr-wizard{--brand:#c8df58;--wiz-radius:10px;--wiz-accent:oklch(from var(--brand) clamp(.42, l, .58) min(c, .17) h);--wiz-accent-fg:#fff;--wiz-lobe-a:oklch(from var(--brand) .78 min(calc(c + .02), .13) h);--wiz-lobe-b:oklch(from var(--brand) .84 min(c, .1) calc(h + 28));--wiz-lobe-c:oklch(from var(--brand) .87 min(c, .08) calc(h - 22));--wiz-lobe-cool:oklch(from var(--brand) .9 min(calc(c * .5), .05) calc(h + 165));--wiz-lobe-cool2:oklch(from var(--brand) .91 min(calc(c * .4), .04) calc(h + 195));--wiz-tint:oklch(from var(--brand) .93 min(c, .05) h);--wiz-glass-fill:color-mix(in oklab, var(--wiz-tint) 16%, #ffffff8c);--wiz-rim-hi:#ffffffeb;--wiz-rim-lo:oklch(from var(--brand) .75 min(c, .09) h / .28);--wiz-shadow-ink:oklch(from var(--brand) .32 min(c, .09) h);--wiz-line:color-mix(in oklab, var(--wiz-shadow-ink) 14%, transparent);--wiz-line-soft:color-mix(in oklab, var(--wiz-shadow-ink) 9%, transparent);--wiz-on-bg:color-mix(in oklab, var(--wiz-accent) 10%, #ffffff8c);--wiz-label:color-mix(in oklab, var(--wiz-accent) 30%, var(--foreground));--wiz-cover-1:var(--brand);--wiz-cover-2:oklch(from var(--brand) calc(l * .72) calc(c * .92) calc(h + 8));--wiz-cover:linear-gradient(150deg, var(--wiz-cover-1) 0%, var(--wiz-cover-2) 100%);--primary:var(--wiz-accent);--primary-foreground:var(--wiz-accent-fg);--ring:var(--wiz-accent);--tr-green:var(--wiz-accent);--tr-green-deep:var(--wiz-accent-fg);--tr-surface:#ffffff9e;--tr-surface-3:#ffffff80;--tr-inset:#ffffff52;--tr-line:var(--wiz-line);--tr-line-soft:var(--wiz-line-soft);--tr-hover:color-mix(in oklab, var(--wiz-accent) 6%, transparent);--tr-page-well:#ffffff59;transition:--wiz-accent .5s cubic-bezier(.22,1,.36,1),--wiz-tint .7s cubic-bezier(.22,1,.36,1),--wiz-cover-1 .7s cubic-bezier(.22,1,.36,1),--wiz-cover-2 .7s cubic-bezier(.22,1,.36,1),--wiz-lobe-a .9s cubic-bezier(.22,1,.36,1),--wiz-lobe-b .9s cubic-bezier(.22,1,.36,1),--wiz-lobe-c 1.1s cubic-bezier(.22,1,.36,1),--wiz-lobe-cool 1.2s cubic-bezier(.22,1,.36,1),--wiz-lobe-cool2 1.2s cubic-bezier(.22,1,.36,1)}@supports (color:lab(0% 0 0)){.tr-wizard{--brand:lab(85.0857% -21.2405 61.002);--wiz-glass-fill:color-mix(in oklab, var(--wiz-tint) 16%, lab(100% 0 0/.55));--wiz-rim-hi:lab(100% 0 0/.92);--wiz-on-bg:color-mix(in oklab, var(--wiz-accent) 10%, lab(100% 0 0/.55));--tr-surface:lab(100% 0 0/.62);--tr-surface-3:lab(100% 0 0/.5);--tr-inset:lab(100% 0 0/.32);--tr-page-well:lab(100% 0 0/.35)}}.dark .tr-wizard{--wiz-accent:oklch(from var(--brand) clamp(.68, l, .82) min(c, .15) h);--wiz-accent-fg:#0f1411;--wiz-lobe-a:oklch(from var(--brand) .55 min(c, .15) h / .55);--wiz-lobe-b:oklch(from var(--brand) .5 min(c, .12) calc(h + 28) / .4);--wiz-lobe-c:oklch(from var(--brand) .48 min(c, .1) calc(h - 22) / .35);--wiz-lobe-cool:oklch(from var(--brand) .45 min(calc(c * .5), .06) calc(h + 165) / .3);--wiz-lobe-cool2:oklch(from var(--brand) .42 min(calc(c * .4), .05) calc(h + 195) / .25);--wiz-tint:oklch(from var(--brand) .6 min(c, .06) h / .5);--wiz-glass-fill:color-mix(in oklab, var(--wiz-tint) 22%, #ffffff12);--wiz-rim-hi:#ffffff59;--wiz-rim-lo:oklch(from var(--brand) .7 min(c, .12) h / .3);--wiz-line:#ffffff17;--wiz-line-soft:#ffffff0f;--wiz-on-bg:color-mix(in oklab, var(--wiz-accent) 14%, #ffffff0f);--wiz-label:color-mix(in oklab, var(--wiz-accent) 45%, var(--foreground));--tr-surface:#ffffff12;--tr-surface-3:#ffffff17;--tr-inset:#00000038;--tr-line:#ffffff17;--tr-line-soft:#ffffff0f;--tr-hover:color-mix(in oklab, var(--wiz-accent) 9%, transparent);--tr-page-well:#ffffff12}@supports (color:lab(0% 0 0)){.dark .tr-wizard{--wiz-glass-fill:color-mix(in oklab, var(--wiz-tint) 22%, lab(100% 0 0/.07));--wiz-rim-hi:lab(100% 0 0/.35);--wiz-line:lab(100% 0 0/.09);--wiz-line-soft:lab(100% 0 0/.06);--wiz-on-bg:color-mix(in oklab, var(--wiz-accent) 14%, lab(100% 0 0/.06));--tr-surface:lab(100% 0 0/.07);--tr-surface-3:lab(100% 0 0/.09);--tr-inset:lab(0% 0 0/.22);--tr-line:lab(100% 0 0/.09);--tr-line-soft:lab(100% 0 0/.06);--tr-page-well:lab(100% 0 0/.07)}}@supports not (color:oklch(from red l c h)){.tr-wizard{--wiz-accent:#143d2c;--wiz-accent-fg:#fff;--wiz-lobe-a:#dbe3c8;--wiz-lobe-b:#e7e3cf;--wiz-lobe-c:#e3e8d8;--wiz-lobe-cool:#dde4e8;--wiz-lobe-cool2:#e2e6ea;--wiz-tint:#f2f4ea;--wiz-shadow-ink:#223327;--wiz-cover-1:#5c7d52;--wiz-cover-2:#35513a;--wiz-label:var(--foreground)}.dark .tr-wizard{--wiz-accent:#bfdd62;--wiz-accent-fg:#0f1411;--wiz-lobe-a:#78965066;--wiz-lobe-b:#6e8c5a4d;--wiz-lobe-c:#64825a40;--wiz-lobe-cool:#5a788c33;--wiz-lobe-cool2:#506e822e;--wiz-tint:#c8dcaa66;--wiz-cover-1:#4c6a44;--wiz-cover-2:#2b4030}}.tr-wizard section.tr-card{border-radius:var(--wiz-radius);background:linear-gradient(#fff9, #fff9), radial-gradient(90% 75% at 8% 110%, var(--wiz-lobe-a), transparent 62%), radial-gradient(80% 60% at 96% 106%, var(--wiz-lobe-b), transparent 62%), radial-gradient(70% 55% at 88% -18%, var(--wiz-lobe-cool), transparent 65%), #ffffff8c;-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);box-shadow:inset 0 1px 0 #ffffff8c, 0 0 0 1px var(--wiz-line-soft), 0 1px 2px color-mix(in oklab, var(--wiz-shadow-ink) 8%, transparent), 0 20px 40px -30px color-mix(in oklab, var(--wiz-shadow-ink) 40%, transparent);animation:.32s cubic-bezier(.22,1,.36,1) both wiz-enter;position:relative;overflow:clip}@supports (color:lab(0% 0 0)){.tr-wizard section.tr-card{background:linear-gradient(lab(100% 0 0/.6), lab(100% 0 0/.6)), radial-gradient(90% 75% at 8% 110%, var(--wiz-lobe-a), transparent 62%), radial-gradient(80% 60% at 96% 106%, var(--wiz-lobe-b), transparent 62%), radial-gradient(70% 55% at 88% -18%, var(--wiz-lobe-cool), transparent 65%), lab(100% 0 0/.55);box-shadow:inset 0 1px 0 lab(100% 0 0/.55), 0 0 0 1px var(--wiz-line-soft), 0 1px 2px color-mix(in oklab, var(--wiz-shadow-ink) 8%, transparent), 0 20px 40px -30px color-mix(in oklab, var(--wiz-shadow-ink) 40%, transparent)}}.dark .tr-wizard section.tr-card{background:radial-gradient(90% 75% at 8% 110%, var(--wiz-lobe-a), transparent 62%), radial-gradient(80% 60% at 96% 106%, var(--wiz-lobe-b), transparent 62%), radial-gradient(70% 55% at 88% -18%, var(--wiz-lobe-cool), transparent 65%), #ffffff0f;background-blend-mode:screen, screen, screen, normal;box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #ffffff14;box-shadow:inset 0 1px lab(100% 0 0/.1),0 0 0 1px lab(100% 0 0/.08)}@supports (color:lab(0% 0 0)){.dark .tr-wizard section.tr-card{background:radial-gradient(90% 75% at 8% 110%, var(--wiz-lobe-a), transparent 62%), radial-gradient(80% 60% at 96% 106%, var(--wiz-lobe-b), transparent 62%), radial-gradient(70% 55% at 88% -18%, var(--wiz-lobe-cool), transparent 65%), lab(100% 0 0/.06)}}@keyframes wiz-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tr-wizard section.tr-card h2{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--wiz-label);font-size:.7rem;font-weight:500}.tr-wizard ol[aria-label=Steps]{border-radius:var(--wiz-radius);background:var(--tr-page-well);-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);box-shadow:inset 0 1px 0 #ffffff73, 0 0 0 1px var(--wiz-line-soft), 0 8px 24px -18px color-mix(in oklab, var(--wiz-shadow-ink) 50%, transparent);padding:4px}@supports (color:lab(0% 0 0)){.tr-wizard ol[aria-label=Steps]{box-shadow:inset 0 1px 0 lab(100% 0 0/.45), 0 0 0 1px var(--wiz-line-soft), 0 8px 24px -18px color-mix(in oklab, var(--wiz-shadow-ink) 50%, transparent)}}.dark .tr-wizard ol[aria-label=Steps]{box-shadow:inset 0 1px 0 #ffffff14, 0 0 0 1px var(--wiz-line-soft)}@supports (color:lab(0% 0 0)){.dark .tr-wizard ol[aria-label=Steps]{box-shadow:inset 0 1px 0 lab(100% 0 0/.08), 0 0 0 1px var(--wiz-line-soft)}}.tr-wizard ol[aria-label=Steps] button{border-radius:calc(var(--wiz-radius) - 4px)}.tr-wizard ol[aria-label=Steps] button.tr-card{box-shadow:inset 0 1px 0 #ffffffe6, 0 1px 3px color-mix(in oklab, var(--wiz-shadow-ink) 18%, transparent);background:#ffffffd9;background:lab(100% 0 0/.85)}@supports (color:lab(0% 0 0)){.tr-wizard ol[aria-label=Steps] button.tr-card{box-shadow:inset 0 1px 0 lab(100% 0 0/.9), 0 1px 3px color-mix(in oklab, var(--wiz-shadow-ink) 18%, transparent)}}.dark .tr-wizard ol[aria-label=Steps] button.tr-card{background:#ffffff1f;background:lab(100% 0 0/.12);box-shadow:inset 0 1px #ffffff24;box-shadow:inset 0 1px lab(100% 0 0/.14)}.tr-wizard .wiz-content>div.sm\:hidden .rounded-full{box-shadow:inset 0 0 0 1px var(--wiz-line-soft)}.tr-wizard .wiz-tile-on{box-shadow:0 0 0 1px var(--wiz-accent), 0 8px 18px -12px color-mix(in oklab, var(--wiz-accent) 60%, transparent)}.tr-wizard section.tr-card .bg-\[var\(--tr-inset\)\]{box-shadow:inset 0 0 0 1px var(--wiz-line-soft)}.tr-wizard button[type=submit]{box-shadow:0 1px 2px color-mix(in oklab, var(--wiz-shadow-ink) 20%, transparent), 0 6px 20px -8px color-mix(in oklab, var(--wiz-accent) 65%, transparent)}.wiz-rail-card{border-radius:var(--wiz-radius);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);box-shadow:inset 0 1px 0 #ffffff8c, 0 0 0 1px var(--wiz-line-soft), 0 1px 2px color-mix(in oklab, var(--wiz-shadow-ink) 8%, transparent), 0 20px 40px -30px color-mix(in oklab, var(--wiz-shadow-ink) 40%, transparent);background:#ffffffd1;background:lab(100% 0 0/.82);position:relative;overflow:clip}@supports (color:lab(0% 0 0)){.wiz-rail-card{box-shadow:inset 0 1px 0 lab(100% 0 0/.55), 0 0 0 1px var(--wiz-line-soft), 0 1px 2px color-mix(in oklab, var(--wiz-shadow-ink) 8%, transparent), 0 20px 40px -30px color-mix(in oklab, var(--wiz-shadow-ink) 40%, transparent)}}.dark .tr-wizard .wiz-rail-card{background:#ffffff0f;background:lab(100% 0 0/.06);box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #ffffff14;box-shadow:inset 0 1px lab(100% 0 0/.1),0 0 0 1px lab(100% 0 0/.08)}.wiz-rail-cover{background:var(--wiz-cover);height:76px;position:relative}.wiz-rail-cover>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.wiz-rail-cover .wiz-eyebrow{color:oklch(from var(--brand) clamp(0, calc((.72 - l) * 1000), 1) 0 h / .9);z-index:1;position:absolute;top:12px;left:16px}.wiz-eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--wiz-label);font-size:.7rem;font-weight:500}.wiz-well{border-radius:calc(var(--wiz-radius) - 2px);background:var(--tr-inset);box-shadow:inset 0 0 0 1px var(--wiz-line-soft);padding:14px}.wiz-coin{border-radius:calc(var(--wiz-radius) - 2px);background:var(--wiz-cover);width:52px;height:52px;box-shadow:0 0 0 1px #ffffff59, 0 10px 24px -12px color-mix(in oklab, var(--wiz-accent) 70%, transparent);flex:none;transition:box-shadow .5s cubic-bezier(.22,1,.36,1);position:relative}@supports (color:lab(0% 0 0)){.wiz-coin{box-shadow:0 0 0 1px lab(100% 0 0/.35), 0 10px 24px -12px color-mix(in oklab, var(--wiz-accent) 70%, transparent)}}.wiz-swatch{border-radius:calc(var(--wiz-radius) - 4px);flex:none;place-items:center;width:30px;height:30px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:grid;position:relative;box-shadow:inset 0 0 0 1px #00000014;box-shadow:inset 0 0 0 1px lab(0% 0 0/.08)}.wiz-swatch:hover{transform:scale(1.08)}.wiz-swatch:active{transform:scale(.96)}.dark .tr-wizard .wiz-swatch{box-shadow:inset 0 0 0 1px #ffffff24;box-shadow:inset 0 0 0 1px lab(100% 0 0/.14)}.wiz-swatch-check{z-index:2;color:oklch(from var(--swatch,#000) clamp(0, calc((.72 - l) * 1000), 1) 0 h);animation:.22s cubic-bezier(.34,1.56,.64,1) both wiz-check-in;position:relative}@keyframes wiz-check-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.wiz-swatch--custom{background:conic-gradient(in oklch longer hue, #ed9cb5, #ec9cb6)}@supports (color:lab(0% 0 0)){.wiz-swatch--custom{background:conic-gradient(in oklch longer hue, lab(73.223% 33.1709 .380886), lab(73.2137% 33.1512 -.290012))}}.wiz-swatch--custom:after{content:"";border-radius:calc(var(--wiz-radius) - 7px);background:var(--tr-surface);position:absolute;inset:4px}.wiz-swatch--custom[data-on=true]:after{background:var(--brand)}.wiz-pop{z-index:30;border-radius:var(--wiz-radius);background:var(--card);width:224px;box-shadow:0 0 0 1px var(--wiz-line-soft), 0 16px 40px -16px color-mix(in oklab, var(--wiz-shadow-ink) 50%, transparent);padding:10px;animation:.18s cubic-bezier(.22,1,.36,1) both wiz-pop-in;position:absolute;bottom:calc(100% + 10px);right:0}@keyframes wiz-pop-in{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.wiz-pop .react-colorful{width:100%;height:168px}.wiz-pop .react-colorful__saturation{border-radius:calc(var(--wiz-radius) - 4px);border-bottom:none;margin-bottom:10px}.wiz-pop .react-colorful__hue{border-radius:calc(var(--wiz-radius) - 4px);height:12px}.wiz-pop .react-colorful__pointer{border-width:2px;width:16px;height:16px}.wiz-pop-row{align-items:center;gap:8px;margin-top:10px;display:flex}.wiz-pop-row>span{font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted-foreground);font-size:10px}.wiz-pop-hex{border-radius:calc(var(--wiz-radius) - 4px);background:var(--tr-inset);min-width:0;height:28px;box-shadow:inset 0 0 0 1px var(--wiz-line-soft);font-family:var(--font-mono);color:var(--foreground);outline:none;flex:1;padding:0 8px;font-size:12px}.wiz-pop-hex:focus{box-shadow:inset 0 0 0 1px var(--wiz-accent)}.wiz-none{border-radius:calc(var(--wiz-radius) - 4px);height:30px;color:var(--muted-foreground);background:var(--tr-surface);box-shadow:inset 0 0 0 1px var(--wiz-line-soft);align-items:center;gap:5px;padding:0 12px;font-size:12px;font-weight:500;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:inline-flex}.wiz-none:hover{transform:translateY(-1px)}.wiz-none[aria-pressed=true]{color:var(--foreground)}.wiz-none[aria-pressed=true] svg{animation:.22s cubic-bezier(.34,1.56,.64,1) both wiz-check-in}.wiz-day-chip{border-radius:calc(var(--wiz-radius) - 4px);height:24px;color:var(--muted-foreground);background:var(--tr-surface);box-shadow:inset 0 0 0 1px var(--wiz-line-soft);padding:0 9px;font-size:11px;font-weight:500;transition:transform .15s,background-color .15s,color .15s}.wiz-day-chip:hover{color:var(--foreground);transform:translateY(-1px)}.wiz-day-chip[aria-pressed=true]{background:var(--wiz-accent);color:var(--wiz-accent-fg);box-shadow:none}@media (prefers-reduced-motion:reduce){.tr-wizard{transition:none}.tr-wizard section.tr-card{animation:none}.wiz-swatch,.wiz-none,.wiz-coin{transition:none}.wiz-pop,.wiz-swatch-check{animation:none}}