:root{--mist:#1e293b;--sheet:#0f172a;--ink:#f1f5f9;--quiet:#94a3b8;--moss:#059669;--moss-2:#10b981;--orb:#fbbf24;--hurt:#f87171;--glass:#0f172aeb;--line:#1e293b;--focus:#34d399;--app:#020617}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--ink);background:#0d1815;font-family:Figtree,system-ui,sans-serif}.stage{background:radial-gradient(42% 36% at 58% 38%,#e8c56a24,#0000 62%),radial-gradient(90% 50% at 50% 115%,#1e3a2e 0%,#0000 55%),linear-gradient(165deg,#08110f 0%,#12241c 48%,#0a1612 100%);justify-content:center;align-items:center;gap:48px;min-height:100dvh;padding:28px 24px;display:flex;position:relative;overflow:hidden}.stage:before{content:"";pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='640' viewBox='0 0 420 640'><g fill='%23060d0b'><ellipse cx='40' cy='80' rx='70' ry='28' transform='rotate(-28 40 80)'/><ellipse cx='20' cy='140' rx='90' ry='22' transform='rotate(18 20 140)'/><ellipse cx='390' cy='90' rx='80' ry='26' transform='rotate(24 390 90)'/><ellipse cx='410' cy='200' rx='70' ry='20' transform='rotate(-16 410 200)'/><path d='M-10 520 C 80 460, 140 580, 40 640 L -20 640 Z'/><path d='M430 480 C 340 430, 300 560, 380 640 L 440 640 Z'/></g></svg>");background-position:-40px 0,right -60px bottom;background-repeat:no-repeat;background-size:520px 780px;position:absolute;inset:0}.cast{pointer-events:none;z-index:0;position:absolute;inset:0}.cast-bean{width:min(22vw,210px);margin:0;position:absolute}.cast-bean img{aspect-ratio:1;object-fit:cover;object-position:center 42%;border-radius:28px;width:100%;display:block;box-shadow:0 18px 40px #00000073}.cast-bean figcaption{letter-spacing:-.03em;color:#c5d9cc;text-align:center;margin-top:8px;font-family:Bricolage Grotesque,sans-serif;font-size:.85rem}.cast-bean:first-child{top:6%;left:3%}.cast-bean:nth-child(2){bottom:8%;left:7%}.cast-bean:nth-child(3){top:8%;right:4%}.cast-bean:nth-child(4){bottom:7%;right:8%}.stage-copy{z-index:1;color:#d7e6dc;max-width:22ch;position:relative}.stage-mark{letter-spacing:-.05em;color:#f3efe4;margin:0 0 10px;font-family:Bricolage Grotesque,Figtree,sans-serif;font-size:2.4rem;font-weight:700;line-height:1}.stage-line{color:#9bb5a6;margin:0;font-size:1.02rem;line-height:1.45}.device{z-index:1;background:linear-gradient(160deg,#2a332c 0%,#141a16 38%,#0c100e 100%);border-radius:46px;width:min(402px,100%);height:min(844px,100dvh - 40px);padding:11px 10px 14px;position:relative;box-shadow:0 0 0 1px #e8c56a1f,0 28px 60px #00000073,0 60px 80px #0814108c,inset 0 2px #ffffff14}.device:after{content:"";pointer-events:none;background:radial-gradient(#00000073,#0000 70%);border-radius:50%;height:28px;position:absolute;bottom:-28px;left:12%;right:12%}.device-island{z-index:3;pointer-events:none;background:#050806;border-radius:99px;width:92px;height:22px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.shell{background:var(--app);width:100%;height:100%;color:var(--ink);border-radius:36px;flex-direction:column;padding:28px 10px 0;display:flex;position:relative;overflow:hidden}.shell>main{flex:auto;min-height:0;padding:0 4px 12px;overflow-y:auto}h1{letter-spacing:-.045em;margin:0 0 10px;font-family:Bricolage Grotesque,Figtree,sans-serif;font-size:1.7rem;font-weight:700;line-height:1.12}.kicker{color:var(--quiet);margin:0 0 4px;font-size:.8rem;font-weight:600}.lede{color:var(--quiet);max-width:36ch;margin:0 0 16px;line-height:1.45}.btn{width:100%;font:inherit;text-align:center;border:1px solid var(--line);background:var(--sheet);color:var(--ink);cursor:pointer;border-radius:14px;margin:0 0 8px;padding:15px 16px;font-weight:700;display:block}.btn.primary{background:var(--moss);color:#fff;border-color:#0000;box-shadow:0 10px 28px #05966947}.btn.danger{color:var(--hurt);box-shadow:none;background:0 0}.btn.text{color:var(--quiet);box-shadow:none;background:0 0;border-color:#0000;font-weight:600}.btn:disabled{opacity:.4}.btn:focus-visible,input:focus-visible,textarea:focus-visible,.choice:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.grid2{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.choice{font:inherit;text-align:left;border:1px solid var(--line);background:var(--glass);color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:14px 12px;font-weight:650;line-height:1.3}.choice.on{box-shadow:0 0 0 1px var(--moss-2);color:#d1fae5;background:#052e2b}.choice.tall{flex-direction:column;gap:6px;min-height:92px;display:flex}.choice b{display:block}.choice small{color:var(--quiet);font-weight:500;display:block}.hud{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.hud.stack{grid-template-columns:1fr 1fr}.hud div{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:10px 12px}.hud small{color:var(--quiet);font-size:.75rem;display:block}.hud b{color:var(--ink);font-family:Bricolage Grotesque,sans-serif;font-size:1.25rem}.topbar{justify-content:space-between;align-items:center;gap:8px;padding:4px 6px 10px;display:flex}.brand{letter-spacing:-.03em;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-family:Bricolage Grotesque,sans-serif;font-weight:700;display:flex}.brand i{background:var(--moss);border-radius:8px;place-items:center;width:28px;height:28px;font-size:.9rem;font-style:normal;display:grid}.chips{gap:6px;display:flex}.chip{background:var(--sheet);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:700}.tabs{background:var(--sheet);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px;padding:4px;display:grid}.tabs button{font:inherit;color:var(--quiet);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px 4px;font-size:.72rem;font-weight:700}.tabs button.on{background:var(--moss);color:#fff}.meta{color:var(--quiet);font-size:.7rem}.like{font:inherit;color:var(--quiet);cursor:pointer;background:0 0;border:0;padding:0;font-size:.75rem;font-weight:700}.like.on{color:#fb7185}.lock{text-align:center;border:1px solid var(--line);background:var(--sheet);border-radius:16px;padding:20px 12px}.foot{text-align:center;color:#475569;padding:8px 0 10px;font-size:.65rem}.xpbar{background:#1a2e241f;border-radius:99px;height:8px;overflow:hidden}.xpbar i{background:var(--orb);height:100%;display:block}.bar-label{color:var(--quiet);margin:6px 0 4px;font-size:.8rem}.jar{text-align:center;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;margin-bottom:14px;padding:28px 16px}.jar span{color:var(--orb);font-family:Bricolage Grotesque,sans-serif;font-size:3rem}.jar p{color:var(--quiet);margin:4px 0 0}.rules{color:var(--quiet);padding-left:18px;line-height:1.5}blockquote{letter-spacing:-.03em;margin:0 0 16px;padding:0;font-family:Bricolage Grotesque,sans-serif;font-size:1.15rem;font-weight:600;line-height:1.3}.bean-canvas{background:0 0;height:280px;margin:0 -14px 8px;position:relative;overflow:hidden}.bean-webgl{position:absolute;inset:0}.bean-still{object-fit:contain;pointer-events:none;filter:drop-shadow(0 18px 18px #14332647);width:auto;max-width:68%;height:auto;max-height:80%;margin:auto;position:absolute;inset:8% 16% 12%}.bean-canvas canvas{display:block;width:100%!important;height:100%!important}.pill{background:var(--orb);color:#2a2108;border-radius:99px;padding:3px 10px;font-size:.75rem;font-weight:800;display:inline-block}.search,input,textarea{width:100%;font:inherit;border:1px solid var(--line);background:var(--sheet);color:var(--ink);border-radius:16px;margin:0 0 10px;padding:12px 14px}label{color:var(--quiet);margin:8px 0 4px;font-size:.8rem;display:block}.lure-list{margin:0;padding:0;list-style:none}.lure-list li{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:14px 0;display:flex}.lure-list p{margin:4px 0 0;font-weight:650}.lure-list small{color:var(--moss);font-size:.75rem}.lure-actions{flex-direction:column;gap:4px;display:flex}.lure-actions button{font:inherit;background:var(--moss);color:#f4fff8;cursor:pointer;border:0;border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:700}.lure-actions .quiet{color:var(--quiet);background:0 0}.evidence{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin-bottom:12px;padding:12px}.photo{color:var(--quiet);font-size:.85rem;display:block}.thumb{object-fit:cover;border-radius:14px;width:100%;max-height:180px;margin-top:8px;display:block}.card{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;margin:0 0 8px;padding:14px}.quote{margin:0 0 6px;font-family:Bricolage Grotesque,sans-serif;font-weight:700}.ok{color:var(--moss);margin:0}.xp-pop{background:var(--orb);color:#2a2108;z-index:20;pointer-events:none;border-radius:999px;padding:8px 16px;font-family:Bricolage Grotesque,sans-serif;font-size:1.5rem;font-weight:800;animation:1.2s pop;position:absolute;top:26%;left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-20px)}}nav{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:4;border-radius:999px;flex-shrink:0;grid-template-columns:repeat(5,1fr);margin:0 6px 10px;padding:6px;display:grid;position:relative;box-shadow:0 10px 40px #1a2e2429}nav button{font:inherit;color:var(--quiet);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 2px;font-size:.72rem;font-weight:700}nav button.on{background:var(--sheet);color:var(--moss)}@media (prefers-reduced-motion:reduce){.xp-pop{animation:none}}.bean-canvas.hero{height:340px}.bean-canvas.mini{height:168px}.stat-row{grid-template-columns:1fr 1fr 1fr;gap:6px;margin:0 0 10px;display:grid}.stat-row div{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;border-radius:14px;padding:10px 8px}.stat-row b{letter-spacing:-.03em;font-family:Bricolage Grotesque,sans-serif;font-size:1.05rem;display:block}.stat-row small{color:var(--quiet);font-size:.68rem;line-height:1.25}.cite{color:var(--quiet);margin:0 0 16px;font-size:.75rem;line-height:1.4}.stat-detail{color:var(--quiet);margin:4px 0 0;font-size:.75rem;font-weight:500;line-height:1.35}a.btn{text-decoration:none}.btn.google{color:#1f1f1f;background:#fff;border-color:#0000;justify-content:center;align-items:center;gap:10px;font-weight:650;display:flex}.btn.wa{color:#f4fff8;background:#128c7e}.picker{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;margin-bottom:12px;padding:16px}.doodle canvas{touch-action:none;cursor:crosshair;background:var(--sheet);border-radius:16px;width:100%;height:220px;display:block}.mini-timer{text-align:center;color:var(--orb);letter-spacing:-.04em;margin:8px 0;font-family:Bricolage Grotesque,sans-serif;font-size:2.6rem}.reacts{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.reacts button{font:inherit;border:1px solid var(--line);background:var(--sheet);color:var(--ink);cursor:pointer;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700}.reacts button.on{background:var(--moss);color:#f4fff8;border-color:#0000}.home-pills{align-items:center;gap:8px;margin:0 0 12px;display:flex}.pill.quiet{border:1px solid var(--line);color:var(--ink);background:0 0}.card.tap{padding:8px}.card.on{box-shadow:0 0 0 2px var(--moss)}.card.tap .choice{width:100%;box-shadow:none;background:0 0;margin:0}@media (width<=720px){.stage{background:0 0;padding:0;display:block;overflow:visible}.stage:before,.stage-copy,.cast,.device-island,.device:after{display:none}.device{width:100%;height:auto;min-height:100dvh;box-shadow:none;background:0 0;border-radius:0;padding:0}.shell{border-radius:0;height:auto;min-height:100dvh;padding:12px 14px 118px;display:block;overflow:visible}.shell>main{padding:0;overflow:visible}nav{margin:0;position:fixed;bottom:10px;left:12px;right:12px}}@media (width>=721px){html,body,#root,.stage{height:100dvh}}@media (width<=1100px) and (width>=721px){.stage-copy{display:none}.cast-bean{width:min(18vw,150px)}}