:root{--bg: #faf9f7;--card: #ffffff;--ink: #16151d;--muted: #6f6d7a;--line: #eae8e4;--accent: #5227ff;--accent-ink: #ffffff;--accent-soft: #ece8ff;--green: #178a4c;--green-bg: #e4f5eb;--yellow: #a16207;--yellow-bg: #fbf0d9;--red: #b3372f;--red-bg: #fdebe9;--radius: 20px;--shadow: 0 1px 2px rgba(22, 21, 29, .04), 0 10px 30px rgba(22, 21, 29, .05);--display: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0}html,body{height:100%}body{overscroll-behavior-y:none;background:radial-gradient(900px 600px at 12% -8%,#dcd5ff,#dcd5ff00 55%),radial-gradient(800px 550px at 105% -4%,#ffe9d3,#ffe9d300 50%),var(--bg);background-attachment:fixed;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}#root{min-height:100%}.shell{max-width:480px;margin:0 auto;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:16px 22px calc(72px + env(safe-area-inset-bottom));animation:fadeUp .35s ease both}.shell-locked{height:100vh;height:100svh;min-height:0;overflow:hidden;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.shell-locked .hero-block{padding:6vh 0 14px}.shell-locked .display{font-size:clamp(32px,9.5vw,44px)}.shell-locked .hero{padding:5vh 0 14px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}h1{font-family:var(--display);font-size:27px;font-weight:800;letter-spacing:-.02em;line-height:1.1}h2{font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:-.01em}.muted{color:var(--muted)}.small{font-size:13.5px}.center{text-align:center}.spacer{height:16px}.display{font-family:var(--display);font-weight:800;font-size:clamp(38px,11vw,52px);line-height:1.02;letter-spacing:-.03em}.display .accent-word{color:var(--accent);font-style:italic}.hero-block{padding:10vh 0 28px;text-align:center}.hero-block .sub{margin:18px auto 0;max-width:34ch;font-size:17px;color:var(--muted)}.hero-push{flex:1}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:4px}.brand{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--accent);text-decoration:none}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:14px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;border:none;border-radius:999px;font-family:var(--display);font-size:17.5px;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:transform .08s ease,opacity .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-big{min-height:62px;font-size:19px}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 24px #5227ff40}.btn-soft{background:#f0eeea;color:var(--ink)}.btn-ghost{background:transparent;color:var(--muted);min-height:44px;font-weight:600;box-shadow:none}.btn-green{background:var(--green-bg);color:var(--green)}.btn-yellow{background:var(--yellow-bg);color:var(--yellow)}.btn-red{background:var(--red-bg);color:var(--red)}.btn.selected{outline:2.5px solid currentColor;outline-offset:-2.5px}.divider-label{display:flex;align-items:center;gap:14px;margin:18px 0;color:var(--muted);font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.divider-label:before,.divider-label:after{content:"";height:1px;background:var(--line);flex:1}.input,textarea.input,select.input{width:100%;min-height:54px;padding:14px 18px;border:1.5px solid var(--line);border-radius:16px;background:var(--card);font-size:17px;font-family:inherit;color:var(--ink);outline:none;transition:border-color .15s ease}.input:focus{border-color:var(--accent)}textarea.input{resize:vertical;min-height:80px}label.field{display:block;margin-bottom:14px}label.field .lab,.lab{display:block;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--muted);margin-bottom:6px;text-transform:uppercase}.otp-input{letter-spacing:12px;text-align:center;font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.phone-input{font-size:22px;font-weight:600;text-align:center}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1.5px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:10px 15px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .12s ease}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font-size:13.5px;font-weight:700}.pill-green{background:var(--green-bg);color:var(--green)}.pill-gray{background:#f0eeea;color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot-green{background:#22a05c}.dot-yellow{background:#e0a010}.dot-red{background:#d4574d}.dot-gray{background:#cfccc6}.dot-hollow{background:transparent;border:2px solid #cfccc6}.row{display:flex;align-items:center;gap:12px}.grow{flex:1;min-width:0}.stats-line{display:flex;justify-content:center;gap:8px;font-family:var(--display);font-weight:700;font-size:15.5px;margin:2px 0 16px;color:var(--muted)}.stats-line .stat-green{color:var(--green)}.stats-line .stat-yellow{color:var(--yellow)}.person{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.person:last-child{border-bottom:none}.avatar{width:40px;height:40px;border-radius:50%;background:#edeaf6;color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:16px;flex-shrink:0}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16151d73;display:flex;align-items:flex-end;justify-content:center;z-index:50;animation:fadeIn .2s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{background:var(--bg);width:100%;max-width:480px;max-height:88vh;overflow-y:auto;border-radius:26px 26px 0 0;padding:22px 22px calc(28px + env(safe-area-inset-bottom));animation:slideUp .28s cubic-bezier(.2,.9,.3,1) both}@keyframes slideUp{0%{transform:translateY(40%);opacity:.5}to{transform:none;opacity:1}}.hero{text-align:center;padding:7vh 0 18px}.hero h1{margin-top:10px}.game-on{text-align:center;padding:34px 18px;background:var(--ink);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px}.game-on .big{font-family:var(--display);font-size:38px;font-weight:800;letter-spacing:-.03em;line-height:1}.game-on .count{font-size:18px;font-weight:600;margin-top:8px;opacity:.85}.game-on.short{background:#55524c}.private-note{background:#f3f1ec;border-radius:14px;padding:12px 14px;font-size:14px;color:var(--muted)}.stepper{display:flex;align-items:center;gap:14px;justify-content:center}.stepper button{width:48px;height:48px;border-radius:50%;border:none;background:var(--accent-soft);color:var(--accent);font-size:24px;font-weight:700;cursor:pointer;font-family:inherit}.stepper .num{font-family:var(--display);font-size:32px;font-weight:800;min-width:56px;text-align:center}.err{color:var(--red);font-size:14px;font-weight:600;margin-top:8px}a{color:var(--accent)}