:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:#222;background:#faf7fb;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@font-face{font-family:BTC Bokka;src:url(/fonts/bokka-solid.ttf?v=2)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BTC Hand;src:url(/fonts/lucida-handwriting.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.machine{background:#d9c7e6;justify-content:center;align-items:center;min-height:100vh;padding:8px;display:flex;overflow:auto}.fit{position:relative}.stage{transform-origin:0 0;-webkit-user-select:none;user-select:none;position:relative}.stage img.bg,.stage img.frame{width:920px;height:600px;position:absolute;top:0;left:0}.stage img.bg{z-index:1}.stage img.frame{pointer-events:none;z-index:30}.chick{z-index:10;image-rendering:auto;position:absolute}.name-banner{z-index:12;text-align:center;color:#6a9b3a;box-sizing:border-box;background:0 0;border:none;outline:none;padding:0;font-family:Comic Sans MS,Chalkboard SE,Marker Felt,cursive;font-size:15px;font-weight:700;line-height:26px;position:absolute}.name-banner::placeholder{color:#c7a7c9;font-weight:400}.shelf{z-index:15;position:absolute}.shelf .cells{gap:2px;width:100%;height:100%;display:grid}.shelf[data-cat=dress] .cells{row-gap:1px}.shelf[data-cat=shoes] .cell img{max-height:14px}.cell{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex;position:relative}.cell img{object-fit:contain;pointer-events:none;max-width:100%;max-height:100%;transition:transform .12s}.cell:hover img{transform:scale(1.06)}.shelf.sit .cell{align-items:flex-end}.cell.empty{pointer-events:none}.cell.sel{background:0 0;border-color:#0000}.arw{cursor:pointer;color:#a0068a;z-index:16;background:#fffdff;border:1px solid #b559;border-radius:5px;padding:2px 4px;font-size:11px;line-height:1;position:absolute}.arw:hover{background:#fbeafe}.top-hint{z-index:35;color:#1a1a1a;white-space:nowrap;pointer-events:none;width:700px;font-family:Comic Sans MS,Marker Felt,cursive;font-size:14px;font-weight:700;line-height:1;position:absolute;top:7px;left:150px}.top-hint b{letter-spacing:.5px;font-size:17px;font-weight:800}.arrow-tile{z-index:16;background-repeat:no-repeat;background-size:100% 100%;position:absolute}.arrow-glyph{cursor:pointer;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;background-image:var(--dormant);-webkit-tap-highlight-color:transparent;border:none;padding:0;position:absolute}.arrow-glyph:hover{background-image:var(--rollover)}.arrow-glyph:active{background-image:var(--press)}.arrow-tile.h .arrow-glyph{width:40%;height:78%;top:6%}.arrow-tile.h .arrow-glyph.back{left:4%}.arrow-tile.h .arrow-glyph.fwd{left:46%}.arrow-tile.v .arrow-glyph{width:80%;height:40%;left:4%}.arrow-tile.v .arrow-glyph.back{top:5%}.arrow-tile.v .arrow-glyph.fwd{top:48%}.tv-monitor{z-index:15;object-fit:contain;pointer-events:none;position:absolute}.tv-monitor.dbg{outline:1px dashed #ff0000b3}.tv-btn{z-index:16;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;background-image:var(--dormant);border:none;padding:0;position:absolute}.tv-btn:hover{background-image:var(--rollover)}.tv-btn:active{background-image:var(--press)}.cupcake-btn{z-index:41;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;background-image:var(--dormant);border:none;padding:0;position:absolute}.cupcake-btn:hover{background-image:var(--rollover)}.cupcake-btn:active{background-image:var(--press)}.ref-overlay{opacity:.42;pointer-events:none;z-index:50;width:920px;height:600px;position:absolute;top:0;left:0}.shelf.single{flex-direction:column;justify-content:space-between;align-items:center;display:flex}.shelf.single .slot{flex:1;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.shelf.single .slot img{object-fit:contain;max-width:100%;max-height:100%}.shelf.single .slot .none{color:#c9a7cb}.shelf.single .slot .flag-preview{opacity:.4}.shelf.single .arw{width:100%;position:static}.shelf.single.click-step{cursor:pointer;background:0 0;border:0;padding:0}.shelf.single.click-step:hover{filter:brightness(1.08)saturate(1.12)}.shelf.single.click-step:active{transform:translateY(.5px)}.haircolour{z-index:15;justify-content:space-evenly;align-items:center;display:flex;position:absolute}.dot{cursor:pointer;border:1px solid #8886;border-radius:50%;flex:none;width:12px;height:12px;padding:0}.dot.sel{outline-offset:1px;outline:2px solid #d500f8}.hotspot{z-index:40;cursor:pointer;background:0 0;border:none;position:absolute}.hotspot:hover{background:#ffffff1f}.wand-tool{z-index:22;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(1px 2px 1.5px #46145059);transition:transform .1s,filter .15s;position:absolute}.wand-tool:hover{transform:rotate(-4deg)scale(1.08)}.wand-tool:active{cursor:grabbing;transform:scale(1.05)}.wand-tool.on{filter:drop-shadow(0 0 5px #ffd65af2)drop-shadow(1px 2px 1.5px #46145059)}.sparkles,.mob-sparkles{pointer-events:none;z-index:20;position:absolute}.spark{aspect-ratio:1;filter:drop-shadow(0 0 4px #ffd65af2);animation:1.7s ease-in-out infinite twinkle;position:absolute}.spark svg{width:100%;height:100%;display:block}@keyframes twinkle{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(.62)rotate(-12deg)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(12deg)}}.shelf.dbg{outline:1px dashed #ff0000b3}.shelf.dbg:before{content:attr(data-cat);color:#fff;background:#d00;border-radius:2px;padding:0 3px;font-size:9px;position:absolute;top:-11px;left:0}.modal{z-index:100;background:#2814328c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card{text-align:center;background:#fff;border-radius:12px;max-width:min(90vw,460px);padding:20px;box-shadow:0 10px 40px #0000004d}.card h2{color:#a0068a;margin:0 0 12px;font-family:Comic Sans MS,cursive}.preview{background:repeating-conic-gradient(#eee 0 25%, #fff 0 50%) 50% / 20px 20px;border-radius:8px;width:min(70vw,300px);height:auto}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.share-hint{color:#a0068a;opacity:.85;margin:10px 2px 0;font-size:12px;line-height:1.35}.btn{color:#fff;cursor:pointer;font-weight:700;font:inherit;background:#d500f8;border:none;border-radius:8px;padding:10px 16px;font-weight:700;text-decoration:none;display:inline-block}.btn.ghost{color:#333;background:#eee}.loading{color:#a0068a;text-align:center;padding:48px;font-size:20px}.mob{min-height:100vh;padding:10px 10px calc(16px + env(safe-area-inset-bottom));--ink:#b0679d;--ink-strong:#99527f;--rough1:20px 13px 22px 12px / 12px 22px 13px 20px;--rough2:15px 11px 13px 14px / 14px 12px 15px 11px;--rough3:12px 9px 14px 10px / 10px 13px 9px 12px;background-color:#ff8ccf;background-image:url(/assets/swirl-CSYwVPrS.jpg);background-repeat:repeat;background-size:190px;flex-direction:column;align-items:center;gap:10px;display:flex}.mob>:not(.modal):not(.mob-chick-wrap):not(.mob-tellfriend){width:100%;max-width:470px}.mob .card,.mob .card h2{font-family:BTC Bokka,Comic Sans MS,cursive}.mob .card .btn{word-spacing:4px}.mob-head{text-align:center;margin:4px 0 2px;line-height:1}.mob-logo{color:#e5322b;text-shadow:0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,1px 2px #0000001f;font-family:BTC Bokka,Marker Felt,cursive;font-size:33px;display:block;transform:rotate(-2deg)}.mob-sub{color:#17110f;letter-spacing:1px;text-shadow:0 0 6px #fff,0 0 6px #fff,0 0 6px #fff;margin-top:3px;font-family:BTC Bokka,Arial Black,sans-serif;font-size:27px;display:block}.mob-tag{color:#5f2f57;word-spacing:2px;text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;margin-top:7px;font-family:BTC Bokka,Comic Sans MS,cursive;font-size:14.5px;display:block}.mob-chick-wrap{border:2.5px solid var(--ink);border-radius:var(--rough1);background:#fff;align-self:center;width:min(70vw,264px);padding:8px;position:relative;box-shadow:0 4px 14px #a0008c2e}.mob-chick{background:radial-gradient(120% 82% at 50% 40%,#fffef9 0%,#fff1f9 40%,#ffd9ef 76%,#ffc6e6 100%);border-radius:10px;width:100%;height:auto;display:block;box-shadow:inset 0 -14px 22px -14px #a0007847}.mob-name{text-align:center;color:#5f9235;letter-spacing:.3px;word-spacing:3px;background:#fdf6a8;border:1.5px dashed #e7add0;border-radius:8px;outline:none;width:100%;margin-top:8px;padding:7px 5px;font-family:BTC Bokka,Marker Felt,cursive;font-size:16px;font-weight:700;display:block;box-shadow:inset 0 1px 3px #b496002e}.mob-name:focus{border-style:solid;border-color:#d500f8}.mob-name::placeholder{color:#cba7cc;font-weight:400}.mob-random{cursor:pointer;z-index:5;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:50%;width:34px;height:34px;font-size:16px;position:absolute;top:4px;right:4px;box-shadow:0 2px 6px #0003}.mob-sparkles{aspect-ratio:833/852;z-index:2;width:calc(100% - 16px);top:8px;left:8px}.mob-sparkle-btn{cursor:pointer;z-index:5;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:50%;width:34px;height:34px;font-size:15px;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #0003}.mob-sparkle-btn.on{background:#ffe36e;box-shadow:0 0 0 2px #e6b800,0 2px 6px #0003}.mob-sparkle-btn:active,.mob-random:active{transform:scale(.9)}.mob-share-btn{cursor:pointer;z-index:5;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:50%;width:34px;height:34px;font-size:16px;position:absolute;top:42px;right:4px;box-shadow:0 2px 6px #0003}.mob-share-btn:active{transform:scale(.9)}.tell-friend{color:#a0068a;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffffe6;border:1.5px solid #d59ec8;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;box-shadow:0 2px 6px #a0008c26}.tell-friend:active{transform:scale(.96)}.app-share-desk{z-index:50;font-family:Comic Sans MS,cursive;position:fixed;bottom:10px;left:12px}.mob-tellfriend{word-spacing:3px;align-self:center;margin-top:2px;font-family:BTC Bokka,Comic Sans MS,cursive}.privacy{max-width:260px;font-family:Comic Sans MS,cursive;font-size:12px}.privacy>summary{cursor:pointer;color:#a0068a;-webkit-tap-highlight-color:transparent;background:#ffffffe6;border:1.5px solid #d59ec8;border-radius:999px;padding:5px 12px;font-weight:700;list-style:none;display:inline-block;box-shadow:0 2px 6px #a0008c26}.privacy>summary::-webkit-details-marker{display:none}.privacy>summary:active{transform:scale(.96)}.privacy[open]>summary{margin-bottom:6px}.privacy p{color:#5d4a58;margin:0 0 6px;padding:0 2px;line-height:1.45}.privacy[open]{background:#fffffff0;border:1.5px solid #ecc9e2;border-radius:14px;padding:8px 10px;box-shadow:0 3px 10px #a0008c21}.app-privacy-desk{z-index:50;position:fixed;bottom:44px;left:12px}.mob-privacy{text-align:center;align-self:center;margin:10px 0 4px}.mob-cats{-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;gap:6px;padding:4px 2px;display:flex;overflow-x:auto}.mob-cats::-webkit-scrollbar{display:none}.mob-cat{border:2px solid var(--ink);border-radius:var(--rough2);cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;background:#fff;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;width:62px;height:68px;padding:2px;display:flex}.mob-cat:active{transform:scale(.95)}.mob-cat img{object-fit:contain;width:40px;height:40px}.mob-cat .ph{width:40px;height:40px}.mob-cat span{color:#a0068a;font-family:BTC Bokka,cursive;font-size:11px;font-weight:700}.mob-cat.on{background:#ffe36e;border-color:#e6b800}.mob-shelf{border:2.5px solid var(--ink);border-radius:var(--rough1);background:#fff;padding:10px 12px 12px;box-shadow:0 4px 14px #a0008c1f}.mob-shelf-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mob-shelf-head b{color:#a0068a;text-transform:lowercase;font-family:BTC Bokka,Comic Sans MS,cursive;font-size:19px}.mob-page{color:#666;align-items:center;gap:8px;font-family:BTC Bokka,cursive;font-size:13px;display:flex}.mob-page button{border:2px solid var(--ink);border-radius:var(--rough3);color:#a0068a;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;justify-content:center;align-items:center;width:38px;height:34px;transition:transform 80ms;display:flex}.mob-page button:active{transform:scale(.9)rotate(-2deg)}.mob-page button svg{width:17px;height:17px;display:block}.mob-pages{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;-webkit-user-select:none;user-select:none;display:flex;overflow:auto hidden}.mob-pages::-webkit-scrollbar{display:none}.mob-page-grid{scroll-snap-align:start;flex:0 0 100%;grid-template-columns:repeat(4,1fr);align-content:start;gap:6px;display:grid}.mob-item{aspect-ratio:1;border-radius:var(--rough3);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fffafd;border:2px solid #e6b3d4;justify-content:center;align-items:center;padding:4px;transition:transform 80ms,border-color .1s;display:flex;overflow:hidden}.mob-item img{object-fit:contain;max-width:100%;max-height:100%}.mob-item .mob-face-head{width:100%;height:100%;display:block}.mob-cat .mob-face-head{width:40px;height:40px;display:block}.mob-item:active{transform:scale(.94)}.mob-item.sel{background:#fbe7ff;border-color:#d500f8;box-shadow:0 0 0 3px #d500f824}.mob-item.none{color:#b98;font-family:BTC Bokka,cursive;font-size:12px;font-weight:700}.mob-colours{border:2px dashed var(--ink);border-radius:var(--rough2);background:#fff4fb;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 9px;padding:7px 8px;display:flex}.mob-colours-label{color:#a0068a;margin-right:2px;font-family:BTC Bokka,Comic Sans MS,cursive;font-size:13px;font-weight:700}.mob-colours .dot{width:26px;height:26px}.mob-actions{gap:10px;margin-top:2px;display:flex}.mob-btn{border:2.5px solid var(--ink-strong);border-radius:var(--rough2);letter-spacing:.5px;cursor:pointer;-webkit-tap-highlight-color:transparent;flex:1;padding:13px 14px;font-family:BTC Bokka,Comic Sans MS,cursive;font-size:19px;font-weight:700;transition:transform 80ms,filter .1s}.mob-btn:active{transform:scale(.97)}.mob-btn.ghost{color:#6a4b00;background:#ffe36e;box-shadow:0 3px #d9b400}.mob-btn.go{color:#fff;background:#d500f8;justify-content:center;align-items:center;gap:6px;display:inline-flex;box-shadow:0 3px #a406c2}.mob-go-arw{flex:none;width:15px;height:15px}.mob-btn:active{box-shadow:none;transform:translateY(2px)}@media (width<=820px) and (orientation:landscape){.mob{gap:8px}.mob-chick-wrap{width:min(34vw,188px)}.mob-head{margin-top:0}}.poc{flex-wrap:wrap;align-items:flex-start;gap:24px;padding:20px;display:flex}.stage{background:repeating-conic-gradient(#e9e9e9 0% 25%,#fff 0% 50%) 50%/28px 28px;border:1px solid #d0c8d4;border-radius:6px;padding:8px;box-shadow:0 2px 10px #0000000f}.chick{width:min(46vw,460px);height:auto;display:block}.controls{min-width:340px;max-width:460px}.controls h1{margin:4px 0 6px;font-size:18px}.note{color:#777;margin:0 0 12px;font-size:12px;line-height:1.4}.row{align-items:center;gap:8px;margin:5px 0;display:flex}.row.top{gap:14px;margin-bottom:14px}.row .cat{text-transform:capitalize;width:84px;font-weight:600}.row .val{color:#444;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.row .val em{color:#aaa}button{cursor:pointer;font:inherit}.arrow{background:#fff;border:1px solid #cbb;border-radius:5px;width:30px;height:28px}.arrow:hover{background:#fbeffd}.haircol{align-items:flex-start}.swatches{flex-wrap:wrap;gap:3px;display:flex}.swatches button{background:#fff;border:1px solid #ccc;border-radius:4px;width:26px;height:24px}.swatches button.sel{color:#fff;background:#d500f8;border-color:#d500f8}.loading{color:#a06;padding:48px;font-size:18px}