html[data-look=playful]{--paper:#FFFFFF;--ink:#17151A;--canvas:#F4F1EA;--shade:rgb(40 28 20/.18);--line:rgb(23 21 26/.12);--color-ink:#17151A;--color-cream:#F4F1EA;--color-pink:#FF5B3A;--color-bubble:#FFC4AE;--color-lime:#C9B6FF;--color-violet:#5B3DF5;--color-sky:#BFE0FF;--color-tang:#FF8A5B;--color-sun:#FFE14D;--color-mint:#B8F0D2;--color-grape:#2A1B5C;--font-dmsans:var(--font-mw-sans),"Figtree",ui-sans-serif,system-ui,sans-serif;--font-bricolage:var(--font-mw-display),"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--st-shadow:inset 0 0 0 1.5px var(--line),0 12px 22px -14px var(--shade);--st-shadow-hover:inset 0 0 0 1.5px var(--line),0 18px 28px -14px var(--shade)}[data-look=playful] body{background:var(--canvas);color:var(--ink);font-family:var(--font-dmsans);-webkit-font-smoothing:antialiased}[data-look=playful] ::selection{background:#FFE14D;color:#17151A}[data-look=playful] :focus-visible{outline:3px solid var(--ink);outline-offset:4px;border-radius:14px}[data-look=playful] .dots{background-image:none}[data-look=playful] .font-display{letter-spacing:-.02em}[data-look=playful] :is(h1,h2).font-display{letter-spacing:-.03em;line-height:1.04}[data-look=playful] .hero-h1{letter-spacing:-.04em}[data-look=playful] .text-pink{color:#C2361B}[data-look=playful] .bg-ink .text-pink,[data-look=playful] .inv .text-pink{color:#FF8A6B}[data-look=playful] .logo-dot{color:#FF5B3A}[data-look=playful] .font-mono:not(code):not(pre):not(.code-box):not(.code-box *):not(code *){font-family:var(--font-dmsans);font-weight:700;letter-spacing:0}[data-look=playful] .chunk{border:0!important;box-shadow:var(--st-shadow)}[data-look=playful] .chunk-sm{border:0!important;box-shadow:inset 0 0 0 1.5px var(--line),0 8px 16px -12px var(--shade)}[data-look=playful] .bg-ink.chunk,[data-look=playful] .bg-ink.chunk-sm,[data-look=playful] .inv .chunk,[data-look=playful] .inv .chunk-sm{box-shadow:0 12px 22px -14px rgb(0 0 0/.45)}[data-look=playful] .pressable{transition:transform .2s cubic-bezier(.3,1.4,.5,1),box-shadow .2s ease,background-color .15s}[data-look=playful] .pressable:hover{transform:translateY(-3px);box-shadow:var(--st-shadow-hover)}[data-look=playful] .pressable:active{transform:scale(.97)}[data-look=playful] [class*="shadow-["]{box-shadow:var(--st-shadow)!important}[data-look=playful] :is(.border-2,.border-\[3px\],.border-4):is(.border-ink,[class*="border-ink/"]){border-width:1.5px;border-color:var(--line)}[data-look=playful] .border-dashed:is(.border-ink,[class*="border-ink/"]){border-color:rgb(23 21 26/.28)}[data-look=playful] :is(.rounded-\[24px\],.rounded-\[28px\],.rounded-\[32px\]){border-radius:26px}[data-look=playful] .rounded-3xl{border-radius:26px}[data-look=playful] :is(.btn-primary,.pressable.bg-lime:not(.card):not(.pill):not(.btn-secondary):not(.option),.pressable.bg-pink:not(.card):not(.pill):not(.btn-secondary)){background:var(--ink)!important;color:var(--paper)!important;border:0!important;border-radius:999px!important;box-shadow:0 10px 18px -12px rgb(23 21 26/.6)!important;font-family:var(--font-dmsans);font-weight:800!important;letter-spacing:-.005em}[data-look=playful] :is(.btn-primary,.pressable.bg-lime:not(.card):not(.pill):not(.btn-secondary):not(.option),.pressable.bg-pink:not(.card):not(.pill):not(.btn-secondary)):hover{background:#2B2830!important;transform:translateY(-2px)}[data-look=playful] :is(.btn-secondary,.pressable.bg-white:not(.card):not(.pill):not(.btn-primary):not(.option),.pressable.bg-sun:not(.card):not(.pill)){background:var(--paper)!important;color:var(--ink)!important;border:0!important;border-radius:999px!important;box-shadow:inset 0 0 0 1.5px var(--line),0 8px 16px -12px var(--shade)!important;font-family:var(--font-dmsans);font-weight:800!important}[data-look=playful] .pressable:disabled{opacity:.5;transform:none}[data-look=playful] .inv :is(.btn-secondary){background:rgb(255 255 255/.1)!important;color:#F4F2EC!important;box-shadow:inset 0 0 0 1.5px rgb(244 242 236/.22)!important}[data-look=playful] .inv :is(.btn-primary){background:#F4F2EC!important;color:#17151A!important}[data-look=playful] .pill{background:var(--paper)!important;color:var(--ink);border:0!important;box-shadow:inset 0 0 0 1.5px var(--line)!important;font-weight:700}[data-look=playful] .pill:hover{background:#FBFAF6!important;transform:translateY(-2px)}[data-look=playful] :is(.facet,.toggle-chip,.tab,.step-pill){border:0!important;box-shadow:inset 0 0 0 1.5px var(--line);background:var(--paper);color:var(--ink);font-weight:700;border-radius:999px}[data-look=playful] :is(.facet,.toggle-chip,.tab,.step-pill).bg-ink{background:var(--ink)!important;color:var(--paper)!important;box-shadow:none}[data-look=playful] .step-pill.bg-lime{background:#FFE14D;box-shadow:none}[data-look=playful] .quick-pill{border:0!important;box-shadow:inset 0 0 0 1.5px rgb(23 21 26/.14);font-weight:700}[data-look=playful] .count-badge{border:0!important;box-shadow:inset 0 0 0 1.5px var(--line)!important;background:var(--paper)!important;border-radius:999px!important}[data-look=playful] .chip{border-width:0;box-shadow:inset 0 0 0 1.5px currentColor;font-weight:700}[data-look=playful] .chip-soft{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,currentColor 18%,transparent);background:color-mix(in srgb,currentColor 5%,transparent)}[data-look=playful] .hl{border:0!important;box-shadow:none!important;border-radius:14px}[data-look=playful] .bg-\[\#5B3DF5\]{background-color:#5B3DF5}[data-look=playful] :is(.card,.maker-card){border:0!important;border-radius:26px;box-shadow:var(--st-shadow)}[data-look=playful] .maker-card,[data-look=playful] :is(.card,.maker-card).bg-white{background:var(--paper)}[data-look=playful] :is(.card,.maker-card).pressable:hover{box-shadow:var(--st-shadow-hover)}[data-look=playful] .option{border:0!important;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:20px}[data-look=playful] .option.bg-lime{background:var(--paper)!important;box-shadow:inset 0 0 0 3px var(--ink)}[data-look=playful] .card-badge,[data-look=playful] .type-chip{border:0!important;box-shadow:inset 0 0 0 1.5px var(--line);background:var(--paper)!important;font-weight:700}[data-look=playful] .av-ring{background:var(--paper)!important;box-shadow:0 0 0 1.5px var(--line)}[data-look=playful] .field{border:0!important;background:var(--paper)!important;box-shadow:inset 0 0 0 1.5px rgb(23 21 26/.16);border-radius:16px!important;color:var(--ink);transition:box-shadow .15s}[data-look=playful] .field:focus{outline:none;box-shadow:inset 0 0 0 2px var(--ink),0 0 0 4px rgb(23 21 26/.08)}[data-look=playful] .field::placeholder{color:#8A8590}[data-look=playful] .widget-row{border:0!important;background:var(--paper);box-shadow:var(--st-shadow);border-radius:20px}[data-look=playful] .widget-row [role=group][aria-label=size]{border:0;background:var(--canvas);border-radius:999px;padding:3px;gap:2px}[data-look=playful] .widget-row [role=group][aria-label=size] button{border-radius:999px;background:transparent}[data-look=playful] .widget-row [role=group][aria-label=size] button[aria-pressed=true]{background:var(--ink);color:var(--paper)}[data-look=playful] .style-btn{border:0!important;background:var(--ink)!important;color:var(--paper);border-radius:999px;padding-inline:.8rem}[data-look=playful] :is(.code-box,.code-inline){border:0!important;box-shadow:0 12px 22px -14px rgb(0 0 0/.4)!important;border-radius:18px!important}[data-look=playful] section.inv{background:#17151A;color:#F4F2EC}[data-look=playful] .site-nav{background:color-mix(in srgb,var(--canvas) 86%,transparent);border-bottom:0;box-shadow:0 1px 0 var(--line)}[data-look=playful] .nav-link{font-weight:700}[data-look=playful] .nav-link:hover{background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line)}[data-look=playful] .site-nav .btn-primary{padding:.55rem 1.1rem}[data-look=playful] .site-footer{background:#17151A!important;color:#F4F2EC}[data-look=playful] .site-footer .hover\:text-lime:hover{color:#FFE14D}[data-look=playful] .look-toggle,[data-look=playful] .look-toggle-compact{border:0!important;box-shadow:inset 0 0 0 1.5px var(--line)}[data-look=playful] .marquee-band{border:0!important}@media (prefers-reduced-motion:reduce){[data-look=playful] .pressable:hover{transform:none}}.pk-root{position:fixed;inset:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;--pk-paper:var(--paper,#fff);--pk-ink:var(--ink,#17151A);--pk-canvas:var(--canvas,#F4F1EA);--pk-line:var(--line,rgb(23 21 26/.12));--pk-font:var(--font-mw-sans),"Figtree",ui-sans-serif,system-ui,sans-serif;--pk-display:var(--font-mw-display),"Bricolage Grotesque",ui-sans-serif,sans-serif;--pk-r:30px;--pk-r-opt:16px;--pk-r-stage:24px;color:var(--pk-ink);font-family:var(--pk-font)}[data-look=clean] .pk-root{--pk-paper:var(--c-card);--pk-ink:var(--c-fg);--pk-canvas:var(--c-subtle);--pk-line:var(--c-line);--pk-font:var(--c-font);--pk-display:var(--c-font);--pk-r:16px;--pk-r-opt:10px;--pk-r-stage:12px}.pk-scrim{position:absolute;inset:0;background:rgb(23 21 26/.5);animation:pk-fade .2s ease both}.pk-sheet{position:relative;display:flex;flex-direction:column;width:100%;max-width:560px;height:calc(100dvh - 64px);background:var(--pk-paper);border-radius:var(--pk-r) var(--pk-r) 0 0;box-shadow:0 -10px 40px rgb(0 0 0/.2);animation:pk-up .28s cubic-bezier(.2,.9,.3,1) both}@media (min-width:720px){.pk-root{align-items:center}.pk-sheet{height:min(860px,calc(100dvh - 48px));border-radius:var(--pk-r);animation-name:pk-pop}.pk-grab{visibility:hidden}}.pk-grab{flex:none;width:44px;height:5px;margin:10px auto 6px;border-radius:3px;background:var(--pk-line)}.pk-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 16px 0 20px}.pk-title{margin:0;font:800 26px/1.05 var(--pk-display);letter-spacing:-.02em}[data-look=clean] .pk-title{font-size:20px;font-weight:650}.pk-link{font:700 12px/1.3 var(--pk-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-look=clean] .pk-link{font-weight:500;color:var(--c-muted)}.pk-cancel{flex:none;height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--pk-canvas);color:var(--pk-ink);font:800 15px/1 var(--pk-font);cursor:pointer}[data-look=clean] .pk-cancel{height:36px;border-radius:8px;font-weight:550;font-size:14px;border:1px solid var(--c-line);background:var(--c-card)}.pk-stage{flex:none;height:212px;margin:14px 16px 0;border-radius:var(--pk-r-stage);background:var(--pk-canvas);display:grid;place-items:center;overflow:hidden}.pk-controls{flex:none;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 16px 6px}.pk-seg{display:inline-flex;padding:4px;border-radius:999px;background:var(--pk-canvas)}.pk-seg button{height:36px;min-width:52px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--pk-ink);font:700 14px/1 var(--pk-font);cursor:pointer}.pk-seg button.on{background:var(--pk-ink);color:var(--pk-paper)}[data-look=clean] .pk-seg,[data-look=clean] .pk-seg button{border-radius:8px}.pk-pals{display:flex;gap:6px}.pk-pal{position:relative;width:36px;height:36px;border:0;padding:0;border-radius:50%;background:var(--bg);cursor:pointer;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--fg) 30%,var(--bg)),0 0 0 2px var(--pk-paper)}.pk-pal:after{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--accent-fill)}.pk-pal.on{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--fg) 30%,var(--bg)),0 0 0 2px var(--pk-paper),0 0 0 4.5px var(--pk-ink)}.pk-count{flex:none;display:flex;justify-content:space-between;align-items:baseline;padding:10px 20px 8px}.pk-count-n{font:800 16px/1 var(--pk-display)}.pk-count-in{font:700 11px/1 var(--pk-font)}[data-look=clean] .pk-count-n{font-weight:650;font-size:14px}[data-look=clean] .pk-count-in{font-weight:500;color:var(--c-muted)}.pk-note{flex:none;margin:0 20px 6px;font-size:12px;color:var(--c-muted,#5A5560)}.pk-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.pk-grid{display:grid;gap:14px 10px;padding:6px 16px 20px}.pk-opt{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:0;border:0;background:transparent;color:var(--pk-ink);cursor:pointer;font:700 12.5px/1.2 var(--pk-font);text-align:center;border-radius:var(--pk-r-opt)}[data-look=clean] .pk-opt{font-weight:550}.pk-prev{display:grid;place-items:center;border-radius:var(--pk-r-opt);background:var(--pk-canvas);box-shadow:inset 0 0 0 1.5px var(--pk-line);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.pk-opt:hover .pk-prev{transform:translateY(-2px)}.pk-opt:active .pk-prev{transform:scale(.97)}.pk-opt.on .pk-prev{box-shadow:inset 0 0 0 3px var(--pk-ink)}[data-look=clean] .pk-opt.on .pk-prev{box-shadow:inset 0 0 0 2px var(--c-accent)}.pk-check{position:absolute;top:-6px;right:-6px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--pk-ink);color:var(--pk-paper);box-shadow:0 0 0 3px var(--pk-paper)}[data-look=clean] .pk-check{background:var(--c-accent);color:var(--c-accent-fg)}.pk-foot{flex:none;padding:12px 16px 22px;box-shadow:0 -1px 0 var(--pk-line);background:var(--pk-paper);border-radius:0 0 var(--pk-r) var(--pk-r)}.pk-use{width:100%;height:54px;border:0;border-radius:999px;background:var(--pk-ink);color:var(--pk-paper);font:800 17px/1 var(--pk-font);cursor:pointer;transition:transform .15s}.pk-use:active{transform:scale(.97)}[data-look=clean] .pk-use{height:44px;border-radius:8px;background:var(--c-btn);color:var(--c-btn-fg);font-weight:550;font-size:15px}.pk-root :focus-visible{outline:3px solid var(--pk-ink);outline-offset:3px}[data-look=clean] .pk-root :focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}@keyframes pk-up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes pk-pop{0%{transform:scale(.96);opacity:0}to{transform:none;opacity:1}}@keyframes pk-fade{0%{opacity:0}to{opacity:1}}