@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&family=JetBrains+Mono:wght@400;600&display=swap");:root,[data-theme=light]{--brand:#007de0;--brand-hover:#0f8aec;--brand-pressed:#005fab;--brand-soft:#e6f8ff;--brand-soft-fg:#005fab;--bg-page:#fbfcfe;--bg-surface:#fff;--bg-surface-alt:#fbfcfe;--bg-tinted:#e6f8ff;--bg-neutral:#ededed;--bg-overlay:rgba(0,0,0,.45);--bg-glass:hsla(0,0%,100%,.92);--fg-1:#1c1c1c;--fg-2:#74787b;--fg-3:#c1c4c7;--fg-on-brand:#fff;--fg-link:var(--brand);--semantic-negative:#c24648;--semantic-announcement:var(--brand);--semantic-success:#2e8e5a;--semantic-warn:#c58c2a;--border-hairline:#e4e4e4;--border-strong:#d9d9d9;--border-dashed:#d9d9d9;--separator-brand:rgba(15,138,236,.2);--shadow-card:0 1px 2px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04);--shadow-medium:0 5px 15px 5px rgba(0,0,0,.15);--shadow-heavy:0 -5px 20px 2px rgba(0,0,0,.1);--shadow-elevated:0 8px 8px rgba(0,0,0,.3);--shadow-premium:0 4px 10px rgba(0,0,0,.1);--tag-mercy-bg:#e6f8ff;--tag-mercy-fg:#005fab;--tag-patience-bg:#eaf3e6;--tag-patience-fg:#2e6b2e;--tag-prayer-bg:#f4ecdb;--tag-prayer-fg:#7a5a12;--tag-reflection-bg:#f4e6ef;--tag-reflection-fg:#7a2e5e;--tag-knowledge-bg:#fff1e6;--tag-knowledge-fg:#8a4a12;--tag-gratitude-bg:#e6f8ff;--tag-gratitude-fg:#005fab;--gradient-brand:linear-gradient(180deg,#2a91ef,#005fab);--gradient-premium-bg:linear-gradient(180deg,#01325b,#2070b8);--gradient-premium-gold:linear-gradient(180deg,#fae085,#ba9509);--premium-border:rgba(158,133,36,.7)}[data-theme=dark]{--brand:#2a91ef;--brand-hover:#4fa8f4;--brand-pressed:#007de0;--brand-soft:#14304b;--brand-soft-fg:#7abfff;--bg-page:#0b1118;--bg-surface:#141c26;--bg-surface-alt:#0f1620;--bg-tinted:#112a44;--bg-neutral:#1b2531;--bg-overlay:rgba(0,0,0,.6);--bg-glass:rgba(20,28,38,.85);--fg-1:#ecedee;--fg-2:#8b9099;--fg-3:#5a6068;--fg-on-brand:#fff;--fg-link:var(--brand);--semantic-negative:#e16467;--semantic-announcement:var(--brand);--semantic-success:#4fbc82;--semantic-warn:#e0ac54;--border-hairline:#243140;--border-strong:#2e3d4e;--border-dashed:#2e3d4e;--separator-brand:rgba(42,145,239,.25);--shadow-card:0 1px 2px rgba(0,0,0,.25),0 2px 8px rgba(0,0,0,.3);--shadow-medium:0 5px 15px 5px rgba(0,0,0,.45);--shadow-heavy:0 -5px 20px 2px rgba(0,0,0,.5);--shadow-elevated:0 8px 24px rgba(0,0,0,.55);--shadow-premium:0 4px 10px rgba(0,0,0,.35);--tag-mercy-bg:#14304b;--tag-mercy-fg:#7abfff;--tag-patience-bg:#1e3322;--tag-patience-fg:#8fcb8f;--tag-prayer-bg:#322712;--tag-prayer-fg:#d9b970;--tag-reflection-bg:#311f2a;--tag-reflection-fg:#d89bbe;--tag-knowledge-bg:#2e1f12;--tag-knowledge-fg:#e0ab78;--tag-gratitude-bg:#14304b;--tag-gratitude-fg:#7abfff}:root{--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:14px;--radius-3xl:18px;--radius-pill:9999px;--radius-circle:50%;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:56px;--space-10:72px;--ease-out:cubic-bezier(0.22,0.61,0.36,1);--dur-quick:120ms;--dur-base:200ms;--dur-slow:320ms;--font-display:"Open Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-body:"Open Sans","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--font-arabic:"Traditional Arabic","Amiri","Scheherazade New","Noto Naskh Arabic",serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--fs-section-title:20px;--fs-feature-heading:16px;--fs-body:13px;--fs-button:14px;--fs-button-title:13px;--fs-caption:11px;--fs-arabic-verse:32px;--fs-arabic-large:44px}html{color-scheme:light}[data-theme=dark]{color-scheme:dark}body{background:var(--bg-page);color:var(--fg-1);transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-hairline);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--fg-3);background-clip:padding-box;border:2px solid transparent}::-webkit-scrollbar-track{background:transparent}.t-section-title{font-size:var(--fs-section-title);line-height:normal}.t-feature-heading,.t-section-title{font-family:var(--font-display);font-weight:600;color:var(--fg-1)}.t-feature-heading{font-size:var(--fs-feature-heading);line-height:1.3}.t-body{font-weight:400}.t-body,.t-body-semibold{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.5;color:var(--fg-1)}.t-body-semibold{font-weight:600}.t-button-title{font-size:var(--fs-button-title);line-height:1;letter-spacing:1.6px;text-transform:capitalize}.t-button,.t-button-title{font-family:var(--font-body);font-weight:700}.t-button{font-size:var(--fs-button);line-height:normal;letter-spacing:.14px}.t-caption{font-weight:400}.t-caption,.t-caption-bold{font-family:var(--font-body);font-size:var(--fs-caption);line-height:1.5;color:var(--fg-2)}.t-caption-bold{font-weight:700}.t-mono{font-family:var(--font-mono);font-size:var(--fs-body);font-weight:400}.t-arabic{font-size:var(--fs-arabic-verse);line-height:2}.t-arabic,.t-arabic-hero{font-family:var(--font-arabic);font-weight:400;direction:rtl;color:var(--fg-1)}.t-arabic-hero{font-size:var(--fs-arabic-large);line-height:1.8}.t-transliteration{font-size:14px;font-style:italic;line-height:1.6;color:var(--fg-2)}.t-translation,.t-transliteration{font-family:var(--font-body);font-weight:400}.t-translation{font-size:var(--fs-body);line-height:1.65;color:var(--fg-1)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 600px at 50% -10%,var(--bg-tinted) 0,transparent 55%),var(--bg-page)}button{font-family:inherit}#root{min-height:100%}.jp-stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.jp-phone{position:relative;width:100%;max-width:430px;height:min(900px,calc(100dvh - 48px));background:var(--bg-surface);border-radius:38px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 30px 70px -20px rgba(2,42,79,.35);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-hairline)}[data-theme=dark] .jp-phone{box-shadow:0 30px 70px -20px rgba(0,0,0,.7)}@media (max-width:520px){.jp-stage{padding:0}.jp-phone{max-width:none;height:100dvh;border-radius:0;border:none}}@media (min-width:521px){.jp-phone{border-radius:20px;box-shadow:0 18px 50px -24px rgba(2,42,79,.32)}[data-theme=dark] .jp-phone{box-shadow:0 18px 50px -24px rgba(0,0,0,.7)}.jp-statusbar{display:none}}.jp-statusbar{flex:0 0 auto;height:44px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--fg-1)}.jp-statusbar .dots{display:flex;gap:4px;align-items:center}.jp-statusbar .dots span{width:4px;height:4px;border-radius:50%;background:var(--fg-1);opacity:.35}.jp-screen{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;position:relative}.jp-pad{padding:8px 24px 28px}.jp-screen::-webkit-scrollbar{width:0}@keyframes jpFade{0%{transform:translateY(7px)}to{transform:none}}.jp-anim{animation:jpFade var(--dur-base) var(--ease-out) both}.jp-topbar{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:4px 16px 10px}.jp-topbar h1{margin:0;font-size:16px;font-weight:700;color:var(--fg-1);flex:1 1}.jp-iconbtn{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-neutral);border:none;color:var(--fg-1);cursor:pointer;transition:transform var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out)}.jp-iconbtn:hover{background:var(--bg-tinted)}.jp-iconbtn:active{transform:scale(.94)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;border-radius:var(--radius-pill);font-weight:700;font-size:15px;letter-spacing:.2px;padding:15px 22px;width:100%;transition:transform var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--brand);color:var(--fg-on-brand);box-shadow:0 8px 20px -8px var(--brand)}.btn-primary:hover{background:var(--brand-hover)}.btn-ghost{background:var(--bg-surface);color:var(--fg-1);border:1px solid var(--border-hairline);box-shadow:none}.btn-ghost:hover{background:var(--bg-tinted)}.btn-soft{background:var(--brand-soft);color:var(--brand-soft-fg)}.btn-soft:hover{background:#d6f1ff}.btn-gold{background:var(--gradient-premium-gold);color:#29220b;border:1px solid var(--premium-border);box-shadow:var(--shadow-premium)}.btn-text{background:none;border:none;color:var(--fg-2);width:auto;padding:12px;font-weight:600;font-size:14px}.btn-text:hover{color:var(--fg-1)}.btn-lg{padding:17px 22px;font-size:16px}.jp-footer{flex:0 0 auto;padding:14px 24px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--bg-surface) 38%);display:flex;flex-direction:column;gap:10px}.jp-card{background:var(--bg-surface);border:1px solid var(--border-hairline);border-radius:var(--radius-xl);padding:18px}.jp-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--brand);display:inline-flex;align-items:center;gap:6px}.jp-h2{font-size:clamp(24px,7vw,30px);line-height:1.12;font-weight:800;letter-spacing:-.5px;color:var(--fg-1);align-self:stretch}.jp-h2,.jp-sub{margin:8px 0 0;flex-shrink:0}.jp-sub{font-size:14px;line-height:1.55;color:var(--fg-2)}.jp-stepper{gap:14px}.jp-step-btn,.jp-stepper{display:flex;align-items:center}.jp-step-btn{width:42px;height:42px;border-radius:50%;flex:0 0 auto;border:1px solid var(--border-hairline);background:var(--bg-surface);color:var(--fg-1);cursor:pointer;justify-content:center;transition:transform var(--dur-quick) var(--ease-out)}.jp-step-btn:hover:not(:disabled){background:var(--bg-tinted);border-color:var(--brand);color:var(--brand)}.jp-step-btn:active:not(:disabled){transform:scale(.9)}.jp-step-btn:disabled{opacity:.35;cursor:not-allowed}.jp-step-val{flex:1 1;text-align:center;font-size:30px;font-weight:800;color:var(--fg-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.jp-chiprow{display:flex;gap:8px;flex-wrap:wrap}.jp-chip{border:1px solid var(--border-hairline);background:var(--bg-surface);border-radius:var(--radius-pill);padding:9px 16px;font-size:14px;font-weight:600;color:var(--fg-2);cursor:pointer;transition:all var(--dur-quick) var(--ease-out)}.jp-chip[data-on=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-soft-fg)}.jp-avatar{border-radius:50%;display:inline-flex;align-items:center;color:#fff;font-weight:800;flex:0 0 auto;overflow:hidden}.jp-avatar,.jp-dots{justify-content:center}.jp-dots{display:flex;gap:6px}.jp-dots i{width:7px;height:7px;border-radius:50%;background:var(--border-strong);transition:all var(--dur-base) var(--ease-out)}.jp-dots i[data-on=true]{background:var(--brand);width:22px;border-radius:9999px}.jp-or{display:flex;align-items:center;gap:12px;color:var(--fg-3);font-size:12px;font-weight:600}.jp-or:after,.jp-or:before{content:"";height:1px;flex:1 1;background:var(--border-hairline)}.jp-phone[data-play=lively] .jp-h2{font-size:clamp(26px,7.5vw,33px)}.jp-phone[data-play=arcade] .jp-h2{font-size:clamp(30px,9vw,40px);letter-spacing:-1px;line-height:1.02}.jp-phone[data-play=arcade] .btn{border-radius:16px}.jp-phone[data-play=arcade] .btn-primary{box-shadow:0 6px 0 0 var(--brand-pressed)}.jp-phone[data-play=arcade] .btn-primary:active{transform:translateY(4px);box-shadow:0 2px 0 0 var(--brand-pressed)}.jp-phone[data-play=arcade] .jp-card{border-radius:18px}.jp-phone[data-play=arcade] .jp-eyebrow{letter-spacing:1.8px}.jp-phone[data-play=arcade]{background:var(--bg-surface)}.jp-phone[data-play=arcade] .jp-screen,.jp-phone[data-play=lively] .jp-screen{background:radial-gradient(420px 220px at 110% -5%,var(--bg-tinted) 0,transparent 60%),radial-gradient(380px 200px at -10% 5%,rgba(46,142,90,.1) 0,transparent 60%)}@keyframes jpPop{0%{transform:scale(.82)}60%{transform:scale(1.05)}to{transform:scale(1)}}.jp-pop{animation:jpPop var(--dur-slow) var(--ease-out) both}input.jp-input{width:100%;border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--fg-1);font-size:16px;font-weight:600;padding:14px 16px;outline:none;transition:border var(--dur-quick) var(--ease-out)}input.jp-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--separator-brand)}input.jp-input::placeholder{color:var(--fg-3);font-weight:500}@keyframes jpShimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.jp-skeleton{background:linear-gradient(90deg,var(--bg-neutral) 25%,var(--bg-tinted) 50%,var(--bg-neutral) 75%);background-size:400px 100%;animation:jpShimmer 1.4s linear infinite}@keyframes jpPulse{0%,to{opacity:1}50%{opacity:.35}}.jp-live-dot{width:8px;height:8px;border-radius:50%;background:var(--semantic-success);animation:jpPulse 1.4s infinite var(--ease-out)}.jp-squiggle{-webkit-text-decoration:underline wavy var(--semantic-negative);text-decoration:underline wavy var(--semantic-negative);text-decoration-thickness:2px;text-underline-offset:6px}.jp-code-cell{flex:1 1;min-width:0;aspect-ratio:5/6.4;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:26px;font-weight:800;color:var(--fg-1);text-transform:uppercase;background:var(--bg-surface);border:1.5px solid var(--border-hairline);border-radius:12px;transition:all var(--dur-quick) var(--ease-out)}.jp-code-cell[data-filled=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-soft-fg)}.jp-code-cell[data-active=true]{border-color:var(--brand);box-shadow:0 0 0 3px var(--separator-brand)}.jp-code-cell .caret{width:2px;height:28px;background:var(--brand);border-radius:2px;animation:jpBlink 1.05s steps(1) infinite}@keyframes jpBlink{50%{opacity:0}}.jp-roomcode{font-family:var(--font-mono);font-weight:800;letter-spacing:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@keyframes jpDrum{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-9px);opacity:1}}.jp-drum{display:flex;gap:9px;justify-content:center}.jp-drum i{width:12px;height:12px;border-radius:50%;background:var(--brand);animation:jpDrum .62s infinite var(--ease-out)}.jp-drum i:nth-child(2){animation-delay:.13s}.jp-drum i:nth-child(3){animation-delay:.26s}.jp-drum[data-dark=true] i{background:#e0436b}@keyframes jpEye{0%,to{transform:scale(1)}50%{transform:scale(1.13)}}.jp-eye-suspense{animation:jpEye 1s infinite var(--ease-out)}@keyframes jpShake{0%,to{transform:translateX(0)}18%{transform:translateX(-5px)}38%{transform:translateX(5px)}58%{transform:translateX(-3px)}78%{transform:translateX(3px)}}.jp-shake{animation:jpShake .55s var(--ease-out) both}.jp-sinister{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;background:radial-gradient(120% 80% at 50% 0,#3a1024 0,transparent 60%),linear-gradient(180deg,#1a0e18,#25101c);color:#f4e9ee}.jp-sinister .jp-eyebrow{color:#f08ba8}.mf-night{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;min-height:0;color:#dce3f2;background:radial-gradient(90% 50% at 80% 8%,rgba(120,150,230,.18) 0,transparent 55%),radial-gradient(70% 40% at 15% 0,rgba(90,110,200,.16) 0,transparent 50%),linear-gradient(180deg,#0b1020,#131a30 55%,#0e1428)}.mf-night .mf-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.mf-night .mf-scroll::-webkit-scrollbar{width:0}.mf-eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#9db2e8;display:inline-flex;align-items:center;gap:6px}.mf-title{font-size:clamp(26px,8vw,34px);font-weight:800;letter-spacing:-.5px;line-height:1.08;color:#fff;margin:8px 0 0}.mf-sub{font-size:14px;line-height:1.55;color:rgba(220,227,242,.72);margin:8px 0 0}.mf-card{background:hsla(0,0%,100%,.05);border:1px solid rgba(157,178,232,.18);border-radius:14px;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mf-card-sel{background:rgba(120,150,230,.18);border-color:#7e9bef}@keyframes mfMoonGlow{0%,to{box-shadow:0 0 50px -6px rgba(150,175,255,.5)}50%{box-shadow:0 0 72px 2px rgba(150,175,255,.72)}}.mf-moon{border-radius:50%;background:radial-gradient(circle at 36% 32%,#f4f6ff 0,#c8d2f0 45%,#9fb0e0 100%);animation:mfMoonGlow 3.4s infinite var(--ease-out);position:relative;overflow:hidden}.mf-moon:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 70% 24%,rgba(120,140,200,0) 30%,rgba(120,140,200,.22) 60%)}@keyframes mfTwinkle{0%,to{opacity:.25}50%{opacity:1}}.mf-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;animation:mfTwinkle 2.6s infinite var(--ease-out)}.mf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;cursor:pointer;border-radius:var(--radius-pill);font-weight:700;font-size:15px;padding:15px 22px;transition:transform var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out)}.mf-btn:active{transform:scale(.98)}.mf-btn-moon{background:linear-gradient(180deg,#8aa4f2,#5e7be0);color:#0b1020;box-shadow:0 10px 26px -10px rgba(120,150,230,.8)}.mf-btn-ghost{background:hsla(0,0%,100%,.06);color:#dce3f2;border:1px solid rgba(157,178,232,.28)}.mf-btn-blood{background:linear-gradient(180deg,#c2455f,#8e1e36);color:#fff;box-shadow:0 10px 26px -12px rgba(194,69,95,.9)}.mf-narrator{gap:12px;padding:12px 14px;background:hsla(0,0%,100%,.06);border:1px solid rgba(157,178,232,.22);border-radius:14px}.mf-narr-btn,.mf-narrator{display:flex;align-items:center}.mf-narr-btn{width:42px;height:42px;border-radius:50%;flex:0 0 auto;border:none;cursor:pointer;background:linear-gradient(180deg,#8aa4f2,#5e7be0);color:#0b1020;justify-content:center}@keyframes mfWave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.mf-wave{display:flex;align-items:center;gap:3px;height:22px}.mf-wave i{width:3px;height:100%;border-radius:2px;background:#9db2e8;transform-origin:center}.mf-wave[data-on=true] i{animation:mfWave .9s infinite var(--ease-out)}.mf-wave i:nth-child(2){animation-delay:.1s}.mf-wave i:nth-child(3){animation-delay:.2s}.mf-wave i:nth-child(4){animation-delay:.3s}.mf-wave i:nth-child(5){animation-delay:.15s}.mf-wave i:nth-child(6){animation-delay:.25s}.mf-wave i:nth-child(7){animation-delay:.05s}.mf-day{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,#bfe3fb,#e8f4ff 42%,#fff 78%)}.mf-day .mf-scroll{flex:1 1 auto;overflow-y:auto;position:relative;z-index:1}.mf-sky{inset:0;overflow:hidden;pointer-events:none;z-index:0}.mf-sky,.mf-sun{position:absolute}.mf-sun{top:24px;right:34px;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#fff6ce 0,#ffd971 55%,#ffc23d 100%);box-shadow:0 0 0 12px rgba(255,216,107,.2),0 0 56px 12px rgba(255,200,80,.5);animation:mfSunPulse 5s infinite var(--ease-out)}@keyframes mfSunPulse{0%,to{box-shadow:0 0 0 12px rgba(255,216,107,.2),0 0 50px 10px rgba(255,200,80,.45)}50%{box-shadow:0 0 0 18px rgba(255,216,107,.28),0 0 72px 16px rgba(255,200,80,.6)}}.mf-cloud{position:absolute;background:#fff;border-radius:9999px;opacity:.9;will-change:transform}.mf-cloud:after,.mf-cloud:before{content:"";position:absolute;background:#fff;border-radius:50%}@keyframes mfDrift{0%{transform:translateX(-150px)}to{transform:translateX(480px)}}.mf-role-wolf{color:#e0567a;background:rgba(224,86,122,.14)}.mf-role-seer{color:#7e9bef;background:rgba(126,155,239,.16)}.mf-role-doctor{color:#3fb88f;background:rgba(63,184,143,.16)}.mf-role-town{color:#c99a3a;background:rgba(201,154,58,.16)}.c4-board{background:var(--brand);border-radius:18px;padding:10px;display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px;box-shadow:var(--shadow-medium);position:relative}[data-theme=dark] .c4-board{background:#0e4c8a}.c4-cell{aspect-ratio:1;border-radius:50%;background:var(--bg-page);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 2px 5px rgba(0,0,0,.18)}.c4-disc{width:84%;height:84%;border-radius:50%}.c4-disc[data-p=you]{background:radial-gradient(circle at 38% 32%,#ffe08a 0,#f2b736 55%,#d89412 100%)}.c4-disc[data-p=opp]{background:radial-gradient(circle at 38% 32%,#ff9dae 0,#e0567a 55%,#b83a5a 100%)}@keyframes c4Drop{0%{transform:translateY(-340px)}70%{transform:translateY(0)}82%{transform:translateY(-14px)}to{transform:translateY(0)}}.c4-drop{animation:c4Drop .42s cubic-bezier(.34,1.2,.64,1) both}.c4-col-hit{cursor:pointer}.c4-colbtns{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px;padding:0 10px}.c4-colbtn{border:none;background:none;cursor:pointer;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand);opacity:0;transition:opacity var(--dur-quick) var(--ease-out)}.c4-colbtn[data-ok=true]:hover{opacity:.8}.c4-win-cell{box-shadow:inset 0 2px 5px rgba(0,0,0,.18),0 0 0 3px #fff,0 0 14px 3px hsla(0,0%,100%,.7)}.c4-heart{transition:all var(--dur-base) var(--ease-out)}@keyframes c4HeartBreak{0%{transform:scale(1)}40%{transform:scale(1.35) rotate(-8deg)}to{transform:scale(.6);opacity:.25}}.c4-heart-break{animation:c4HeartBreak .5s var(--ease-out) both}.c4-timerbar{height:6px;border-radius:9999px;background:var(--bg-neutral);overflow:hidden}.c4-timerfill{height:100%;border-radius:9999px;transition:width 1s linear,background var(--dur-base)}@keyframes c4Flash{0%,to{background:var(--bg-surface)}50%{background:#fce9ea}}.c4-timeout-flash{animation:c4Flash .5s var(--ease-out) 2}.pip{position:absolute;z-index:30;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:16px;overflow:hidden;box-shadow:0 12px 34px -10px rgba(2,42,79,.55);border:1px solid hsla(0,0%,100%,.18);background:#11151c}[data-theme=dark] .pip{box-shadow:0 12px 34px -8px rgba(0,0,0,.7)}.pip-grip{cursor:-webkit-grab;cursor:grab}.pip-grip:active{cursor:-webkit-grabbing;cursor:grabbing}.pip-tile{position:relative;overflow:hidden}.pip-feed{position:absolute;inset:0}.pip-feed[data-who=you]{background:linear-gradient(135deg,#1b3a6b,#2e6fb8 50%,#0e2440)}.pip-feed[data-who=opp]{background:linear-gradient(135deg,#5e2440,#b8497a 50%,#3a1024)}@keyframes pipGlow{0%,to{opacity:.5}50%{opacity:.85}}.pip-feed:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 38%,hsla(0,0%,100%,.22),transparent 70%);animation:pipGlow 3.4s infinite var(--ease-out)}.pip-muted{top:5px;right:5px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center}.pip-muted,.pip-name{position:absolute;color:#fff}.pip-name{left:6px;bottom:5px;font-size:10px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}.jp-app{display:contents}.jp-rail{display:none}@media (min-width:900px){.jp-stage{padding:0}.jp-app,.jp-stage{align-items:stretch}.jp-app{display:flex;width:100%;min-height:100dvh}.jp-rail{display:flex;flex-direction:column;justify-content:space-between;gap:32px;flex:1 1;max-width:46%;padding:64px clamp(40px,5vw,80px);color:var(--fg-1);background:radial-gradient(900px 500px at 12% -10%,var(--bg-tinted) 0,transparent 60%),radial-gradient(700px 480px at 120% 110%,rgba(46,142,90,.1) 0,transparent 55%),var(--bg-surface);border-right:1px solid var(--border-hairline)}.jp-rail-top{display:flex;align-items:center;gap:12px}.jp-rail-eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--brand)}.jp-rail-title{margin:14px 0 0;font-size:clamp(34px,4vw,52px);font-weight:800;letter-spacing:-1.5px;line-height:1.02;color:var(--fg-1);white-space:pre-line}.jp-rail-sub{margin:18px 0 0;font-size:16px;line-height:1.6;color:var(--fg-2);max-width:30ch}.jp-rail-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.jp-rail-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--fg-2);background:var(--bg-surface);border:1px solid var(--border-hairline);border-radius:9999px;padding:7px 13px}.jp-rail-chip[data-on=true]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-soft-fg)}.jp-rail-foot{font-size:12.5px;font-weight:600;color:var(--fg-3);letter-spacing:.2px}.jp-phone{flex:1 1;max-width:none;width:auto;height:100dvh;max-height:none;border:none;border-radius:0}.jp-phone,[data-theme=dark] .jp-phone{box-shadow:none}.jp-app .jp-statusbar{display:none}.jp-phone .jp-topbar{max-width:588px}.jp-pad,.jp-phone .jp-topbar{margin-inline:auto;width:100%}.jp-pad{max-width:540px}.jp-footer{align-items:center}.jp-footer>*{width:100%;max-width:540px}.mf-scroll>div{max-width:560px;margin-inline:auto}.mf-day>div:last-child,.mf-night>div:last-child{align-items:center}.jp-screen .c4-board{max-width:560px;margin-inline:auto}}@media (min-width:1500px){.jp-app{max-width:1500px;margin-inline:auto;box-shadow:0 0 0 1px var(--border-hairline)}}.wp-btn{display:flex;align-items:center;gap:6px;border:none;cursor:pointer;background:hsla(0,0%,100%,.08);color:#eaf0ff;border-radius:10px;padding:8px 11px;font-size:13px;font-weight:700;transition:background var(--dur-quick) var(--ease-out)}.wp-btn:hover{background:hsla(0,0%,100%,.16)}.wp-btn-lbl{font-size:13px}.wp-watching{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#cbd5f0;white-space:nowrap}.wp-live-dot{width:8px;height:8px;border-radius:50%;background:#e0567a;animation:wpPulse 1.8s infinite}@keyframes wpPulse{0%{box-shadow:0 0 0 0 rgba(224,86,122,.5)}70%{box-shadow:0 0 0 7px rgba(224,86,122,0)}to{box-shadow:0 0 0 0 rgba(224,86,122,0)}}.wp-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:9999px;background:#e0567a;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.wp-cta{border:none;border-radius:10px;padding:0 16px;font-weight:800;font-size:14px;min-height:42px}.wp-cta,.wp-play{cursor:pointer;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center}.wp-play{width:54px;height:54px;border-radius:50%;border:none;box-shadow:0 6px 18px rgba(0,0,0,.45);transition:transform var(--dur-quick) var(--ease-out)}.wp-play:active{transform:scale(.92)}.wp-chip{display:flex;align-items:center;gap:6px;border:none;cursor:pointer;background:rgba(8,10,18,.6);color:#eaf0ff;border-radius:9999px;padding:9px 14px;font-size:13px;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wp-react{border:none;background:transparent;cursor:pointer;font-size:22px;line-height:1;padding:3px 4px;border-radius:8px;transition:transform var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out)}.wp-react:hover{background:hsla(0,0%,100%,.14);transform:scale(1.18)}.wp-emoji{position:absolute;bottom:88px;font-size:42px;pointer-events:none;animation:wpFloat 2.4s ease-out forwards;will-change:transform,opacity}@keyframes wpFloat{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:1;transform:translateY(-10px) scale(1)}to{transform:translateY(-230px) scale(1.15);opacity:0}}.wp-chat{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:rgba(10,13,22,.96)}.wp-side{flex:0 0 340px;width:340px;min-height:0;border-left:1px solid hsla(0,0%,100%,.08)}.wp-below{flex:1 1 auto;min-height:0;display:flex;border-top:1px solid hsla(0,0%,100%,.08)}@media (max-width:640px){.wp-side{position:absolute;top:0;right:0;bottom:0;flex:none;width:min(100%,360px);z-index:6}.wp-btn-lbl{display:none}}@media (prefers-reduced-motion:reduce){.wp-emoji{animation-duration:.8s}.wp-live-dot{animation:none}}.wp-q-item{display:flex;align-items:center;gap:9px;padding:8px;border-radius:11px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.07)}.wp-q-item[draggable=true]{cursor:-webkit-grab;cursor:grab}.wp-q-item[draggable=true]:active{cursor:-webkit-grabbing;cursor:grabbing}.wp-q-num{width:16px;text-align:center;font-size:12px;font-weight:800;color:#7b86a6;flex:0 0 auto}.wp-q-thumb{width:62px;height:36px;object-fit:cover;border-radius:6px;flex:0 0 auto;background:#000}.wp-q-title{font-size:13px;font-weight:700;color:#eaf0ff}.wp-q-by,.wp-q-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-q-by{font-size:11px;color:#8b96b6}.wp-q-arrows{display:flex;flex-direction:column;gap:2px;flex:0 0 auto}.wp-q-arrows button{border:none;background:hsla(0,0%,100%,.08);color:#cbd5f0;border-radius:5px;cursor:pointer;width:22px;height:16px;display:flex;align-items:center;justify-content:center;padding:0}.wp-q-arrows button:disabled{opacity:.3;cursor:default}.wp-q-x{border:none;background:transparent;color:#8b96b6;cursor:pointer;flex:0 0 auto;padding:4px;border-radius:6px;display:flex}.wp-q-x:hover{color:#e0567a;background:rgba(224,86,122,.12)}.wp-q-perm{display:flex;align-items:center;gap:10px;width:100%;cursor:pointer;background:hsla(0,0%,100%,.04);color:#eaf0ff;padding:11px 14px;font-size:13px;font-weight:700;border:none;border-bottom:1px solid hsla(0,0%,100%,.08);flex:0 0 auto}.wp-switch{margin-left:auto;width:38px;height:22px;border-radius:9999px;background:hsla(0,0%,100%,.18);position:relative;flex:0 0 auto;transition:background var(--dur-quick) var(--ease-out)}.wp-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform var(--dur-quick) var(--ease-out)}.wp-switch.on{background:var(--brand)}.wp-switch.on:after{transform:translateX(16px)}