:root{--cream:#fff7ec;--ink:#1b1024;--muted:#1b1024a8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{background:var(--cream);color:var(--ink);font-variation-settings:"wdth" 100;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:Bricolage Grotesque,ui-rounded,Trebuchet MS,system-ui,sans-serif;overflow:hidden}#root{height:100%}.app{isolation:isolate;width:100%;max-width:560px;height:100vh;padding:max(16px, env(safe-area-inset-top)) 16px max(14px, env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex;position:relative}@supports (height:100dvh){.app{height:100dvh}}.backdrop{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(62px);opacity:.34;will-change:transform;border-radius:50%;width:68vmax;height:68vmax;transition:background-color .85s;position:absolute}.blob--one{animation:19s ease-in-out infinite alternate drift;top:-34vmax;left:-26vmax}.blob--two{animation:23s ease-in-out infinite alternate-reverse drift;bottom:-38vmax;right:-30vmax}.blob--three{opacity:.3;width:44vmax;height:44vmax;animation:17s ease-in-out infinite alternate drift;top:24%;left:40%}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(6vmax,4vmax)scale(1.12)}}.grain{z-index:-1;pointer-events:none;opacity:.14;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.header{flex:none;padding-top:2px}.header__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.info-btn{border:2.5px solid var(--ink);width:34px;height:34px;color:var(--ink);cursor:pointer;background:#ffffff8c;border-radius:50%;flex:none;place-items:center;padding:1px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-style:italic;font-weight:700;line-height:1;transition:transform .12s,background-color .16s,box-shadow .12s;display:grid;box-shadow:0 3px #1b102429}.info-btn:hover{background:#fff}.info-btn:active{transform:translateY(2px);box-shadow:0 1px #1b102429}.info-btn:focus-visible{outline-offset:3px;outline:3px solid #ff2d87}.eyebrow{background:var(--ink);color:var(--cream);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;margin:0;padding:5px 11px 6px;font-size:.63rem;font-weight:700;display:inline-block}.title{letter-spacing:-.045em;margin:12px 0 6px;font-size:clamp(1.7rem,8vw,2.3rem);font-weight:800;line-height:.98}.title em{background:linear-gradient(#0000 64%,#ffd93d 64% 94%,#0000 94%);padding:0 2px;font-style:normal;position:relative}.subtitle{color:var(--muted);margin:0;font-size:.82rem;font-weight:500}.stage{touch-action:none;flex:auto;min-height:0;display:flex}.deck{transform:translateY(var(--pull,0px));flex:1;grid-template-rows:repeat(3,minmax(0,1fr));gap:12px;transition:transform .28s cubic-bezier(.2,.8,.3,1);display:grid}.deck[data-dragging=true]{transition:none}.card{border:2.5px solid var(--ink);background:var(--fill);min-height:0;color:var(--ink);box-shadow:4px 6px 0 var(--shade);transform:rotate(var(--rot,0deg));cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:26px;align-items:center;gap:16px;padding:14px 18px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.card:after{content:"";pointer-events:none;background:#fff3;width:46%;height:160%;position:absolute;top:-40%;right:-12%;transform:rotate(18deg)}.card[data-phase=in]{animation:.56s cubic-bezier(.22,.9,.28,1.12) both cardIn;animation-delay:calc(var(--i) * 80ms)}.card[data-phase=out]{animation:.19s cubic-bezier(.5,0,.9,.4) both cardOut;animation-delay:calc(var(--i) * 30ms)}@keyframes cardIn{0%{opacity:0;transform:translateY(calc(var(--dir,1) * 52px)) rotate(calc(var(--rot) + var(--dir,1) * 5deg)) scale(.93)}}@keyframes cardOut{to{opacity:0;transform:translateY(calc(var(--dir,1) * -40px)) rotate(calc(var(--rot) * 2.4)) scale(.94)}}.card__emoji{z-index:1;border:2.5px solid var(--ink);background:#ffffffe0;border-radius:19px;flex:none;place-items:center;width:58px;height:58px;font-size:1.75rem;line-height:1;display:grid;position:relative;box-shadow:3px 3px #1b102429}.card__text{z-index:1;min-width:0;max-width:66%;position:relative}.card__ghost{opacity:.26;mix-blend-mode:multiply;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:3.8rem;line-height:1;position:absolute;top:50%;right:16px;transform:translateY(-50%)rotate(-9deg)}.card__meta{letter-spacing:.13em;text-transform:uppercase;opacity:.6;align-items:baseline;gap:8px;margin:0 0 4px;font-size:.65rem;font-weight:700;display:flex}.card__count{letter-spacing:.06em;font-variant-numeric:tabular-nums;opacity:.85}.card__label{letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word;margin:0;font-size:clamp(1.3rem,6.9vw,2.15rem);font-weight:800;line-height:1}.card--long .card__label{letter-spacing:-.03em;font-size:clamp(1.08rem,5.4vw,1.7rem)}@media (hover:hover) and (pointer:fine){.card:hover{transform:rotate(0)translateY(-2px)scale(1.012)}}.card:active{box-shadow:2px 3px 0 var(--shade);transform:rotate(0)scale(.985)}.card:focus-visible{outline-offset:3px;outline:3px solid #ff2d87}.sheet-layer{z-index:30;-webkit-backdrop-filter:blur(3px);background:#1b10244d;justify-content:center;align-items:flex-end;padding:12px;animation:.18s both fadeIn;display:flex;position:fixed;inset:0}.sheet-layer.is-closing{animation:.18s both fadeOut}.sheet{width:100%;max-width:480px;max-height:84dvh;margin-bottom:max(6px, env(safe-area-inset-bottom));border:2.5px solid var(--ink);background:var(--cream);border-radius:26px;padding:18px 20px 22px;animation:.28s cubic-bezier(.2,.9,.3,1.1) both sheetUp;overflow-y:auto;box-shadow:0 18px 40px #1b10244d}.sheet-layer.is-closing .sheet{animation:.18s both sheetDown}.sheet:focus{outline:none}.sheet__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.sheet__title{letter-spacing:-.03em;margin:0;font-size:1.12rem;font-weight:800}.sheet__close{width:30px;height:30px;color:var(--ink);font:inherit;cursor:pointer;background:#1b102414;border:0;border-radius:50%;flex:none;place-items:center;padding:0 0 2px;font-size:1.2rem;line-height:1;display:grid}.sheet__close:hover{background:#1b102429}.sheet__close:focus-visible{outline-offset:2px;outline:3px solid #ff2d87}.sheet__body{color:#1b1024c7;margin:0 0 10px;font-size:.86rem;line-height:1.45}.sheet__body strong{color:var(--ink)}.sheet__note{border:2px solid var(--ink);background:#ffd93d38;border-radius:18px;margin:0 0 12px;padding:12px 14px 13px;box-shadow:3px 3px #1b102429}.sheet__note-title{letter-spacing:-.02em;margin:0 0 6px;font-size:.88rem;font-weight:800}.sheet__note-body{color:#1b1024c7;margin:0 0 8px;font-size:.82rem;line-height:1.45}.sheet__note-body strong{color:var(--ink)}.sheet__bars{gap:4px;margin:0 0 8px;padding:0;list-style:none;display:grid}.sheet__bar{grid-template-columns:minmax(0,8.8em) minmax(0,1fr) auto;align-items:center;gap:8px;font-size:.72rem;line-height:1.3;display:grid}.sheet__bar-label{color:#1b1024b8;font-weight:600}.sheet__bar-track{background:#1b10241f;border-radius:999px;height:7px;display:block;overflow:hidden}.sheet__bar-fill{width:var(--v,0%);border-radius:inherit;background:#1b102466;height:100%;display:block}.sheet__bar-value{color:#1b102499;font-variant-numeric:tabular-nums;font-weight:600}.sheet__bar.is-self .sheet__bar-label,.sheet__bar.is-self .sheet__bar-value{color:var(--ink);font-weight:800}.sheet__bar.is-self .sheet__bar-fill{background:#ff2d87}.sheet__note-source{color:#1b102480;margin:8px 0 0;font-size:.66rem;line-height:1.35}.sheet__links{flex-wrap:wrap;gap:8px;margin:14px 0 0;display:flex}.sheet__link{border:2px solid var(--ink);color:var(--ink);background:#fff9;border-radius:999px;align-items:center;gap:5px;padding:8px 13px;font-size:.78rem;font-weight:700;text-decoration:none;transition:background-color .16s,transform .12s;display:inline-flex}.sheet__link:hover{background:#ffd93d}.sheet__link:active{transform:translateY(1px)}.sheet__link:focus-visible{outline-offset:2px;outline:3px solid #ff2d87}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}@keyframes sheetUp{0%{opacity:0;transform:translateY(28px)scale(.98)}}@keyframes sheetDown{to{opacity:0;transform:translateY(18px)scale(.98)}}@media (width>=700px){.sheet-layer{align-items:center;padding:24px}.sheet{margin-bottom:0}}.confetti-layer{z-index:20;pointer-events:none;position:fixed;inset:0}.confetti{top:var(--y,50%);left:var(--x,50%);border-radius:var(--r,2px);background:var(--c,#ffd93d);pointer-events:none;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;animation:.82s cubic-bezier(.2,.7,.3,1) forwards pop;position:absolute}@keyframes pop{0%{opacity:1;transform:translate(0)rotate(0)scale(.4)}to{opacity:0;transform:translate(var(--dx,0), var(--dy,0)) rotate(var(--spin,0deg)) scale(1)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (height<=700px){.app{padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(10px, env(safe-area-inset-bottom));gap:11px}.title{margin:9px 0 4px;font-size:clamp(1.45rem,7vw,1.9rem)}.deck{gap:10px}.card{border-radius:20px;padding:9px 14px}.card__emoji{border-radius:14px;width:42px;height:42px;font-size:1.2rem}}@media (height<=560px){.subtitle{display:none}.card__emoji{border-radius:12px;width:34px;height:34px;font-size:1rem}.card__label{font-size:clamp(.92rem,4vw,1.2rem)}.card--long .card__label{font-size:clamp(.8rem,2.6vw,1rem)}}@media (height<=480px){.sheet{border-radius:22px;padding:14px 16px 16px}.sheet__title{font-size:1rem}.sheet__body{margin-bottom:8px;font-size:.8rem}.sheet__note{padding:10px 12px 11px}.sheet__note-body{font-size:.76rem}.sheet__note-source{margin-top:6px}.sheet__links{margin-top:10px}.sheet__link{padding:6px 11px;font-size:.72rem}}@media (prefers-reduced-motion:reduce){.blob,.card[data-phase=in],.card[data-phase=out],.confetti,.sheet-layer,.sheet,.sheet-layer.is-closing .sheet{animation:none}.card[data-phase=out]{opacity:0}}