.woc-app,.woc-stage{--woc-cream:#fff3d6;--woc-pink-soft:#ffd0da;--woc-blue-soft:#cfe3ff;--woc-navy:#171b36;--woc-yellow:#ffd23f;--woc-violet:#5b3fd6;--woc-violet-deep:#3d27a8;--woc-pink:#c2337f;--woc-pink-deep:#8f1f5c;--woc-green:#0e7f58;--woc-green-deep:#0a5b40;--woc-coral:#d63c4b;--woc-coral-deep:#9e2733;--woc-sky:#1d6fd8;--woc-sky-deep:#1450a0;--woc-orange:#c2540f;--woc-orange-deep:#8c3b08;--woc-teal:#0b7a8a;--woc-teal-deep:#075763;--woc-panel:#fff;--woc-ink:#171b36;--woc-ink-soft:#4a4f6a;--woc-edge:#171b361f;--woc-font:ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",sans-serif;font-family:var(--woc-font)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.woc-app,.woc-stage){--woc-cream:#1b1d33;--woc-pink-soft:#3a1f3a;--woc-blue-soft:#1c2b4a;--woc-panel:#23263f;--woc-ink:#f4f2ec;--woc-ink-soft:#b9bbcb;--woc-edge:#ffffff1f}}:root[data-theme=dark] :is(.woc-app,.woc-stage){--woc-cream:#1b1d33;--woc-pink-soft:#3a1f3a;--woc-blue-soft:#1c2b4a;--woc-panel:#23263f;--woc-ink:#f4f2ec;--woc-ink-soft:#b9bbcb;--woc-edge:#ffffff1f}.woc-stage{isolation:isolate;background:var(--woc-cream);color:var(--woc-ink);border-radius:36px;position:relative;overflow:hidden}.woc-stage:before,.woc-stage:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.woc-stage:before{aspect-ratio:1;background:var(--woc-pink-soft);width:46%;top:-16%;left:-14%}.woc-stage:after{aspect-ratio:1;background:var(--woc-blue-soft);width:40%;bottom:-14%;right:-12%}.woc-phone{width:var(--woc-phone-w,280px);background:#171b36;border-radius:46px;max-width:100%;padding:10px;box-shadow:0 18px 0 -6px #171b362e,0 30px 60px -30px #171b3680}.woc-phone img{border-radius:37px;width:100%;height:auto;display:block}@media (max-width:1023px){.woc-phone{width:var(--woc-phone-w-sm,var(--woc-phone-w,260px))}}.woc-tile{--tile:var(--woc-violet);--lip:var(--woc-violet-deep);isolation:isolate;background:var(--tile);color:#fff;box-shadow:0 7px 0 var(--lip);border-radius:28px;transition:transform .18s cubic-bezier(.3,1.6,.5,1),box-shadow .18s;position:relative;overflow:hidden}.woc-tile:before,.woc-tile:after{content:"";z-index:-1;pointer-events:none;background:#ffffff21;border-radius:50%;position:absolute}.woc-tile:before{aspect-ratio:1;width:62%;top:-30%;right:-18%}.woc-tile:after{aspect-ratio:1;background:#ffffff17;width:30%;bottom:-16%;right:18%}.woc-tile:hover{transform:translateY(-3px)}.woc-tile :is(h2,h3,h4){color:inherit;font-family:var(--woc-font);letter-spacing:normal}:is(.woc-tile,.woc-badge)[data-tone=violet]{--tile:var(--woc-violet);--lip:var(--woc-violet-deep)}:is(.woc-tile,.woc-badge)[data-tone=pink]{--tile:var(--woc-pink);--lip:var(--woc-pink-deep)}:is(.woc-tile,.woc-badge)[data-tone=green]{--tile:var(--woc-green);--lip:var(--woc-green-deep)}:is(.woc-tile,.woc-badge)[data-tone=coral]{--tile:var(--woc-coral);--lip:var(--woc-coral-deep)}:is(.woc-tile,.woc-badge)[data-tone=sky]{--tile:var(--woc-sky);--lip:var(--woc-sky-deep)}:is(.woc-tile,.woc-badge)[data-tone=orange]{--tile:var(--woc-orange);--lip:var(--woc-orange-deep)}:is(.woc-tile,.woc-badge)[data-tone=teal]{--tile:var(--woc-teal);--lip:var(--woc-teal-deep)}:is(.woc-tile,.woc-badge)[data-tone=navy]{--tile:#1e2f7a;--lip:#131e52}.woc-icon{color:#fff;background:#fff3;border-radius:15px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.woc-badge{--tile:var(--woc-violet);--lip:var(--woc-violet-deep);background:var(--tile);color:#fff;width:46px;height:46px;box-shadow:0 4px 0 var(--lip);border-radius:15px;justify-content:center;align-items:center;display:inline-flex}.woc-tag{background:var(--woc-yellow,#ffd23f);color:#1b2340;font-family:var(--woc-font,ui-rounded,system-ui);border-radius:999px;padding:5px 14px;font-size:.875rem;font-weight:800;display:inline-block;transform:rotate(-2deg)}.woc-wheel-demo{flex-direction:column;align-items:center;display:flex}.woc-toggle{background:var(--woc-panel);box-shadow:0 3px 0 var(--woc-edge);border-radius:999px;gap:8px;padding:6px;display:inline-flex}.woc-chip{min-height:44px;color:var(--woc-ink-soft);border-radius:999px;padding:0 18px;font-weight:800;transition:background .2s,color .2s}.woc-chip[aria-pressed=true][data-tone=bad]{background:var(--woc-coral);color:#fff}.woc-chip[aria-pressed=true][data-tone=good]{background:var(--woc-green);color:#fff}.woc-chip[aria-disabled=true]{cursor:default}.woc-wheel-wrap{width:min(100%,400px);margin-top:18px}.woc-wheel-svg{width:100%;height:auto;display:block;overflow:visible}.woc-wheel-disc{transform-box:view-box;transform-origin:0 0}.woc-wheel-words{transition:opacity .6s ease-in}.woc-wheel-words[data-hidden=true]{opacity:0;transition:opacity .15s ease-out}.woc-wheel-words text{font-family:var(--woc-font)}.woc-spin{--tile:var(--woc-coral);--lip:var(--woc-coral-deep);background:var(--tile);color:#fff;min-height:52px;font-family:var(--woc-font);box-shadow:0 6px 0 var(--lip);border-radius:999px;margin-top:18px;padding:0 30px;font-size:1.0625rem;font-weight:800;transition:transform .12s,box-shadow .12s}.woc-spin[data-tone=good]{--tile:var(--woc-green);--lip:var(--woc-green-deep)}.woc-spin:active{box-shadow:0 1px 0 var(--lip);transform:translateY(5px)}.woc-spin[aria-disabled=true]{opacity:.6;cursor:default}.woc-spin:focus-visible,.woc-chip:focus-visible,.woc-soft:focus-visible{outline:3px solid var(--woc-yellow);outline-offset:3px}.woc-soft{background:var(--woc-panel);min-height:48px;color:var(--woc-ink);font-family:var(--woc-font);border:1.5px solid var(--woc-edge);box-shadow:0 4px 0 var(--woc-edge);border-radius:999px;padding:0 24px;font-weight:800}.woc-result{text-align:center;width:min(100%,360px);min-height:132px;margin-top:22px}.woc-result-hint{color:var(--woc-ink-soft);padding-top:12px;font-size:.9375rem}.woc-card{--tile:var(--woc-coral);--lip:var(--woc-coral-deep);background:var(--tile);color:#fff;text-align:left;box-shadow:0 6px 0 var(--lip);border-radius:24px;flex-direction:column;gap:6px;padding:20px 22px;animation:.45s cubic-bezier(.3,1.5,.5,1) woc-pop;display:flex;position:relative;overflow:hidden}.woc-card[data-tone=good]{--tile:var(--woc-green);--lip:var(--woc-green-deep)}.woc-card-label{letter-spacing:.12em;text-transform:uppercase;opacity:.85;font-size:.75rem;font-weight:800}.woc-card-words{font-size:1.5rem;font-weight:800;line-height:1.15}.woc-card-small{opacity:.9;font-size:.875rem}@keyframes woc-pop{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:none}}.woc-scratch-demo{flex-direction:column;align-items:center;display:flex}.woc-scratch{aspect-ratio:4/3;border-radius:24px;width:min(100%,340px);padding-bottom:6px;position:relative}.woc-scratch-face{justify-content:center;animation:none;position:absolute;inset:0 0 6px}.woc-scratch-silver{touch-action:none;cursor:grab;border-radius:24px;width:100%;height:calc(100% - 6px);transition:opacity .5s;position:absolute;inset:0 0 6px}.woc-scratch[data-revealed=true] .woc-scratch-silver{opacity:0;pointer-events:none}.woc-float{animation:9s ease-in-out infinite alternate woc-float}.woc-float-2{animation-duration:12s;animation-delay:-4s}@keyframes woc-float{0%{transform:translateY(0)}to{transform:translateY(-14px)}}@media (prefers-reduced-motion:reduce){.woc-float,.woc-card{animation:none}.woc-tile,.woc-spin,.woc-wheel-words,.woc-scratch-silver{transition:none}.woc-tile:hover{transform:none}}