@font-face{font-family:Bricolage Grotesque;src:url(/brand/fonts/bricolage-grotesque-72pt-bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Onest;src:url(/brand/fonts/onest-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Onest;src:url(/brand/fonts/onest-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Onest;src:url(/brand/fonts/onest-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Onest;src:url(/brand/fonts/onest-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Onest;src:url(/brand/fonts/onest-800.woff2) format("woff2");font-weight:800;font-display:swap}:root{--magenta: #A51374;--white: #FFFFFF;--pink: #FFB4FB;--coral: #FF656C;--yellow: #FDEE4D;--lilac: #AFA6FF;--bg: #A51374;--surface: #8A0F61;--surface-2: #730C51;--deep: #5A093F;--line: rgba(255, 255, 255, .22);--line-soft: rgba(255, 255, 255, .14);--text: #FFFFFF;--muted: rgba(255, 255, 255, .82);--faint: rgba(255, 255, 255, .72);--gradient: linear-gradient(180deg, #FDEE4D 0%, #FFB4FB 30%, #AFA6FF 70%, #FF656C 100%);--gradient-x: linear-gradient(90deg, #FF656C 0%, #AFA6FF 34%, #FFB4FB 68%, #FDEE4D 100%);--radius: 24px;--shadow: 0 18px 44px rgba(64, 4, 44, .45);--display: "Bricolage Grotesque", "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Arabic", Tahoma, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{min-height:100%;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}body{display:flex;flex-direction:column;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:-14vh;right:-30vw;width:92vw;aspect-ratio:.808;max-width:560px;background:url(/brand/yarnoo-mark-white.svg) no-repeat center / contain;opacity:.07;transform:rotate(-8deg);pointer-events:none;z-index:0}body>*{position:relative;z-index:1}#root{flex:1;display:flex;flex-direction:column;min-height:100%;min-height:100dvh}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.02}.wrap{width:100%;max-width:520px;margin:0 auto;padding:24px 24px calc(40px + env(safe-area-inset-bottom));flex:1;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-logo{display:flex;align-items:center;height:55px}.brand-logo img{height:100%;width:auto;display:block}.brand-logo .wordmark{font-family:var(--display);font-weight:700;font-size:30px;letter-spacing:-.02em;color:var(--white)}.eyebrow{font-family:var(--font);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);font-weight:800}.muted{color:var(--muted)}.center{text-align:center}button{font-family:var(--font);font-size:16px;font-weight:600;border:0;border-radius:999px;padding:16px 28px;background:var(--yellow);color:var(--magenta);cursor:pointer;transition:transform .12s ease,filter .12s ease,background-color .15s ease}button:active{transform:scale(.97)}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible{outline:3px solid var(--white);outline-offset:3px}button.ghost{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.85);padding:14px 26px}button.ghost.danger{border-color:var(--coral)}button.block{width:100%}input,select{width:100%;font-family:var(--font);font-size:16px;color:var(--magenta);background:var(--white);border:2px solid transparent;border-radius:16px;padding:16px 18px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder{color:#a513748c}input:focus,select:focus{border-color:var(--yellow);box-shadow:0 0 0 3px #fdee4d73}label{display:block;font-size:14px;font-weight:600;color:var(--white);margin:0 0 10px 4px;line-height:1.35}label .muted{font-weight:400}.field{margin-bottom:22px}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:18px}.sound-btn{background:transparent;border:1.5px solid var(--line);color:var(--muted);padding:7px 14px;font-size:12.5px;font-weight:600;border-radius:999px;display:inline-flex;align-items:center;gap:7px;letter-spacing:.02em}.sound-btn.on{color:var(--yellow);border-color:#fdee4db3}.screen{display:none;flex:1;flex-direction:column}.screen.on{display:flex;animation:rise .4s ease both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}#screen-join.on{min-height:0}.join-hero{flex:none}.hero-eyebrow{margin-top:28px}.hero-title{font-size:44px;margin:14px 0 16px}.hero-title span{color:var(--pink);display:block}.hero-sub{color:var(--muted);margin-bottom:0;font-size:15.5px;line-height:1.55;max-width:28ch}.consent{font-size:12.5px;color:var(--faint);margin-top:18px;line-height:1.5}.join-spacer{flex:1 1 28px;min-height:24px;max-height:70px}.signin{display:flex;flex-direction:column;flex:none;margin-top:8px}.signin .ghost,.contact-door{margin-top:0}.back-door{margin-bottom:20px}.door-or{display:flex;flex-direction:column;align-items:stretch;gap:16px;margin-top:40px}.door-or>span{align-self:center;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}.door-hint{margin:0;font-size:14px;line-height:1.45;color:var(--muted);text-align:center}#screen-join.on>form{flex:none;margin-top:8px}.site-foot{margin-top:auto;padding:36px 0 4px;text-align:center}.auth-error{display:flex;align-items:flex-start;gap:10px;background:var(--white);color:var(--magenta);font-size:14px;font-weight:500;line-height:1.4;border-radius:16px;padding:12px 14px;margin-bottom:14px}.auth-error:before{content:"";flex:none;width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--coral)}.wheel-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:10px 0}.wheel-holder{position:relative;width:min(76vw,310px);aspect-ratio:1}.wheel-holder:before{content:"";position:absolute;inset:-12px;border-radius:50%;background:var(--gradient);box-shadow:0 16px 40px #40042c80}.wheel{position:relative;width:100%;height:100%;border-radius:50%;border:5px solid var(--white);background:var(--white);transform:rotate(0)}.wheel.spinning{transition:transform 4.6s cubic-bezier(.13,.85,.16,1)}.wheel-hub{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:24%;aspect-ratio:1;border-radius:50%;background:var(--white);box-shadow:0 0 0 4px var(--magenta),0 6px 16px #40042c66;display:grid;place-items:center}.wheel-hub img{width:52%;height:auto;display:block}.pointer{position:absolute;top:-22px;left:50%;transform:translate(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:28px solid var(--yellow);filter:drop-shadow(0 0 0 var(--magenta)) drop-shadow(0 3px 5px rgba(64,4,44,.6));z-index:2}.tap-hint{font-size:14.5px;color:var(--muted)}.result-color{margin-top:14px;border-radius:var(--radius);border:5px solid var(--white);padding:24px 20px;text-align:center;box-shadow:var(--shadow);animation:pop .5s cubic-bezier(.2,1.2,.3,1) both}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.result-label{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.85;font-weight:800}.result-name{font-family:var(--display);font-size:48px;font-weight:700;letter-spacing:-.02em;margin:4px 0;line-height:1.02}.result-huddle{font-size:15px;font-weight:600;opacity:.9}.timer-row{display:flex;align-items:baseline;justify-content:space-between;margin:20px 0 8px}.timer{font-family:var(--display);font-size:36px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.timer.urgent{color:var(--yellow)}.bar{height:8px;border-radius:999px;background:var(--deep);overflow:hidden;container-type:inline-size}.bar>i{display:block;height:100%;overflow:hidden;border-radius:999px;transition:width 1s linear}.bar>i:before{content:"";display:block;height:100%;width:100cqw;background:var(--gradient-x)}.question{margin-top:16px;background:var(--surface);border-radius:18px;border-left:5px solid var(--pink);padding:13px 16px;font-size:17px;font-weight:500;line-height:1.4}.people{list-style:none;margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.person{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line-soft);border-radius:18px;padding:11px 13px}.avatar{width:38px;height:38px;flex:none;border-radius:50%;border:2.5px solid var(--white);display:grid;place-items:center;font-family:var(--font);font-weight:800;font-size:13px}.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.person-text{flex:1;min-width:0}.person-name{font-weight:600;font-size:15.5px;overflow-wrap:anywhere}.person-meta{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person-link{flex:none;width:36px;height:36px;border-radius:50%;background:var(--white);display:grid;place-items:center;transition:transform .12s ease}.person-link:active{transform:scale(.92)}.person-link:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.person-link svg{width:18px;height:18px;fill:none;stroke:var(--magenta);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.fav-btn{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:var(--white);color:var(--magenta);font-size:18px;line-height:1;cursor:pointer;padding:0}.fav-btn.on{background:var(--pink);color:var(--magenta)}.fav-btn:active{transform:scale(.92)}.met-block{width:100%;margin-top:8px}.stat-strip{display:flex;gap:10px;margin-top:16px}.stat{flex:1;background:var(--surface);border:1px solid var(--line-soft);border-radius:18px;padding:12px;text-align:center}.stat b{display:block;font-family:var(--display);font-size:30px;font-weight:700;color:var(--yellow);line-height:1.1}.stat span{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.overlay{position:fixed;inset:0;z-index:40;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--gradient);color:var(--magenta);text-align:center;padding:30px}.overlay.on{display:flex;animation:rise .3s ease both}.overlay h2{font-size:54px;color:var(--magenta)}.overlay p{color:var(--magenta);font-weight:600;max-width:22ch}.overlay button{background:var(--magenta);color:var(--white);margin-top:6px}.pulse{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.05)}}.notice{margin-top:auto;font-size:13.5px;color:var(--faint);text-align:center;padding-top:18px}.site-foot a{display:inline-block;font-family:var(--font);font-size:13px;font-weight:600;color:var(--white);border:1.5px solid rgba(255,255,255,.6);border-radius:999px;padding:6px 16px;text-decoration:none;transition:border-color .18s ease,background-color .18s ease}.site-foot a:hover,.site-foot a:active{border-color:var(--white);background:#ffffff1a}.offline{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--white);color:var(--magenta);font-size:13px;font-weight:600;padding:9px 16px 9px 14px;border-radius:999px;box-shadow:var(--shadow);display:none;align-items:center;gap:8px;z-index:50}.offline:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--coral)}.offline.on{display:inline-flex}@media(prefers-reduced-motion:reduce){.wheel.spinning{transition-duration:.6s}.screen.on,.result-color,.overlay.on,.pulse{animation:none}}