:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff7ed;--bg-2:#ffedd5;--surface:#fff;--text:#1c1917;--muted:#78716c;--accent:#fb923c;--shadow:0 24px 60px -20px #78350f59, 0 8px 20px -10px #78350f33;--radius:32px;--font:"Nunito", ui-rounded, "SF Pro Rounded", "Segoe UI Variable", system-ui, -apple-system, sans-serif;--tint-animals:linear-gradient(160deg, #ffe9c7, #ffcf98);--tint-food:linear-gradient(160deg, #ffdbe3, #ffb1c3);--tint-vehicles:linear-gradient(160deg, #d8edff, #a6d2ff);--tint-home:linear-gradient(160deg, #e6dcff, #c7b6ff);--tint-toys:linear-gradient(160deg, #fff4b8, #ffe066);--tint-body:linear-gradient(160deg, #dbf8e5, #a4ecc0);--tint-nature:linear-gradient(160deg, #d8f6ff, #9be5ff);--tint-clothes:linear-gradient(160deg, #ffe2d3, #ffc0a4)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1c1917;--bg-2:#292524;--surface:#2b2624;--text:#fafaf9;--muted:#a8a29e;--shadow:0 24px 60px -20px #000000b3, 0 8px 20px -10px #00000080}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:radial-gradient(120% 80% at 50% 0%, var(--bg-2), var(--bg) 70%);color:var(--text);overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.app{height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));grid-template-rows:auto 1fr auto;gap:8px;display:grid;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.progress{background:#78350f1f;border-radius:999px;flex:1;height:8px;overflow:hidden}@media (prefers-color-scheme:dark){.progress{background:#ffffff1f}}.progress>i{border-radius:inherit;background:var(--accent);height:100%;transition:width .3s;display:block}.counter{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px;font-weight:700}.iconbtn{appearance:none;background:var(--surface);width:44px;height:44px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;place-items:center;transition:transform .15s,color .15s;display:grid;box-shadow:0 2px 8px #00000014}.iconbtn[aria-pressed=true]{color:var(--accent)}.iconbtn:active{transform:scale(.92)}.deck{touch-action:none;place-items:center;min-height:0;display:grid;position:relative}.card{aspect-ratio:1;border-radius:var(--radius);background:var(--surface);width:min(100%,480px,100dvh - 150px);max-height:100%;box-shadow:var(--shadow);will-change:transform;transform-origin:50% 110%;display:grid;position:absolute;overflow:hidden}.card.is-behind{opacity:.9;pointer-events:none;transition:transform .25s,opacity .25s;transform:scale(.94)translateY(14px)}.card.is-front{cursor:pointer}.card.is-front.is-settling{transition:transform .32s cubic-bezier(.2,.9,.3,1.2)}.card.is-front.is-leaving{opacity:0;transition:transform .26s ease-in,opacity .26s ease-in}.card.is-pop .picture{animation:.42s cubic-bezier(.3,1.6,.5,1) pop}@keyframes pop{40%{transform:scale(1.04)}}.picture{background:var(--tint);place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.picture>img{object-fit:cover;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block}.picture>.emoji{filter:drop-shadow(0 12px 18px #00000026);font-size:min(44vw,34vh,200px);line-height:1}.hint{text-align:center;color:var(--muted);min-height:20px;font-size:14px;font-weight:700;transition:opacity .6s}.hint.is-hidden{opacity:0}@media (prefers-reduced-motion:reduce){.card,.picture,.progress>i{transition:none!important;animation:none!important}}@media (orientation:landscape) and (height<=560px){.app{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom));grid-template-rows:auto 1fr;gap:4px}.topbar{min-height:36px}.iconbtn{width:36px;height:36px}.hint{display:none}.card{--radius:24px;width:min(100%,100dvh - 70px)}.card.is-behind{transform:scale(.94)translateY(10px)}.picture>.emoji{font-size:min(30vw,60vh,200px)}}@media (width>=900px) and (height>=700px){.card{width:min(100%,520px,100dvh - 180px)}}