:root{--cream:#fff6e5;--sun:#ffb547;--sun-deep:#e8891c;--ink:#2b2118;--ink-soft:#6b5b4b;--sky:#8fd3ff;--mint:#6cc08b;--rose:#f7b6c8;--doc-bg:#f6f5f2;--doc-surface:#fff;--doc-ink:#1d1d1b;--doc-muted:#6f6c66;--doc-line:#0000001a;--doc-accent:#1f6feb;--doc-accent-ink:#fff;--doc-danger:#c2412d;--doc-ok:#2f9e55;--doc-warn-bg:#fff4d6;--doc-warn-ink:#7a4b00}@media (prefers-color-scheme:dark){:root{--doc-bg:#141413;--doc-surface:#1f1f1d;--doc-ink:#f2f0ea;--doc-muted:#a8a49b;--doc-line:#ffffff1f;--doc-accent:#5b9dff;--doc-accent-ink:#0b1220;--doc-danger:#ff8a73;--doc-warn-bg:#3a2e12;--doc-warn-ink:#ffd88a}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}input,select{font:inherit}.bob{animation:3s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-10px)}}.sinnu .sparkle{transform-origin:89px 20px;animation:1.8s ease-in-out infinite twinkle}@keyframes twinkle{50%{opacity:.6;transform:scale(.6)rotate(20deg)}}.hero .hero-body{transform-origin:100px 200px;animation:3.2s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scale(1.02,.985)}}.hero .cape{transform-origin:100px 112px;animation:2.4s ease-in-out infinite cape}@keyframes cape{50%{transform:skew(-4deg)scaleX(1.03)}}.hero .arm{transition:transform .35s cubic-bezier(.3,1.6,.5,1)}.hero .arms.up .arm.l{transform-box:fill-box;transform-origin:bottom;transform:translate(-6px,-40px)rotate(40deg)}.hero .arms.up .arm.r{transform-box:fill-box;transform-origin:bottom;transform:translate(6px,-40px)rotate(-40deg)}.hero.pose-celebrate .hero-body{animation:.9s cubic-bezier(.3,0,.4,1) infinite jump}@keyframes jump{0%,to{transform:translateY(0)scale(1)}15%{transform:translateY(0)scale(1.06,.92)}45%{transform:translateY(-26px)scale(.96,1.05)}}.hero.pose-roar .head{transform-origin:100px 110px;animation:.6s ease-in-out infinite alternate roar}@keyframes roar{to{transform:scale(1.06)rotate(-2deg)}}.hero .fx-roar{animation:.8s ease-out infinite waves}@keyframes waves{0%{opacity:1}to{opacity:.2}}.hero.pose-statue .hero-body{filter:saturate(.35)brightness(1.08);animation:none}.hero.pose-sleepy .hero-body{animation:4.5s ease-in-out infinite breathe}.hero .fx-z{animation:2.4s ease-in-out infinite drift}@keyframes drift{50%{opacity:.6;transform:translate(4px,-6px)}}.hero .fx-splash circle{animation:1.1s ease-in infinite drops}@keyframes drops{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(26px)}}.hero .fx-stars{animation:1.2s ease-in-out infinite twinkle}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}body.is-chair{background:var(--cream);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:manipulation;font-family:"Baloo Bhaijaan 2",IBM Plex Sans Arabic,system-ui,sans-serif;overflow:hidden}.chair-root{height:100%}.chair-screen{text-align:center;background:radial-gradient(circle at 50% 40%, #fffaf0 0%, var(--cream) 60%, #ffe6bf 100%);flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:100%;padding:24px;display:flex;position:relative}.start-tap{color:inherit;border:0}.start-title{color:var(--sun-deep);margin:0;font-size:clamp(44px,7vw,72px);font-weight:800}.start-hint{background:var(--sun);color:#fff;border-radius:999px;padding:10px 28px;font-size:28px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.06)}}.chair-tag{bottom:16px;color:var(--ink-soft);font-size:16px;position:absolute;inset-inline-start:20px}.offline-dot{top:16px;color:var(--ink-soft);font-size:16px;position:absolute;inset-inline-end:20px}.big-line{margin:0;font-size:clamp(28px,4vw,40px);font-weight:700}.big-line.small{font-size:26px}.hint{color:var(--ink-soft);margin:0;font-size:18px}.form-error{color:#c2412d;margin:0;font-size:18px}.kid-btn{background:var(--sun);color:#fff;box-shadow:0 6px 0 var(--sun-deep);border:0;border-radius:22px;padding:14px 36px;font-size:28px;font-weight:700}.kid-btn:active{box-shadow:0 2px 0 var(--sun-deep);transform:translateY(4px)}.activate-form{align-items:center;gap:14px;display:flex}.code-input{letter-spacing:10px;text-align:center;width:260px;color:var(--ink);direction:ltr;background:#fff;border:3px solid #f0d3a5;border-radius:20px;padding:8px 12px;font-size:44px}.code-input:focus{border-color:var(--sun);outline:none}.intro{justify-content:flex-start;padding-top:28px}.intro-top{align-items:center;gap:16px;width:100%;max-width:900px;display:flex}.bubble{text-align:start;background:#fff;border-radius:28px;flex:1;min-height:80px;padding:18px 26px;font-size:clamp(24px,3.2vw,34px);font-weight:700;box-shadow:0 4px #f0d3a5}.pick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(820px,100%);display:grid}.pick-card{color:var(--ink);background:#fff;border:0;border-radius:26px;flex-direction:column;align-items:center;padding:8px 8px 12px;font-size:26px;font-weight:700;display:flex;box-shadow:0 5px #f0d3a5}.pick-card:active{transform:translateY(3px)scale(.98)}.reason-row,.color-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.chip{color:var(--ink);background:#fff;border:0;border-radius:999px;padding:14px 24px;font-size:24px;font-weight:700;box-shadow:0 4px #f0d3a5}.swatches{grid-template-columns:repeat(3,84px);gap:16px;display:grid}.swatch{border:5px solid #fff;border-radius:50%;width:84px;height:84px;box-shadow:0 4px #0000001f}.mic-row{align-items:center;gap:16px;margin-top:auto;display:flex}.mic{color:#fff;touch-action:none;background:#e2504c;border:0;border-radius:50%;place-items:center;width:96px;height:96px;display:grid;box-shadow:0 6px #a83431}.mic.on{background:#2f9e55;animation:.8s ease-in-out infinite pulse;box-shadow:0 6px #1e6b39}.mic-hint{color:var(--ink-soft);text-align:start;max-width:420px;font-size:22px}.transform .spin-ring{opacity:.35;background:conic-gradient(#ffd84d,#ff8fa3,#8fd3ff,#6cc08b,#ffd84d);border-radius:50%;width:420px;height:420px;animation:6s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.spin-in{animation:1.2s cubic-bezier(.3,1.4,.5,1) both spin-in;position:relative}@keyframes spin-in{0%{opacity:0;transform:scale(.2)rotate(-200deg)}}.corner-sinnu{bottom:24px;position:absolute;inset-inline-end:28px}.badge{border:8px solid var(--sun);background:#fff;border-radius:36px;flex-direction:column;align-items:center;padding:18px 48px 22px;animation:.9s cubic-bezier(.3,1.4,.5,1) both spin-in;display:flex;box-shadow:0 10px #f0d3a5}.badge-title{color:var(--sun-deep);margin:0;font-size:40px;font-weight:800}.badge-name{margin:0;font-size:32px;font-weight:800}.badge-power{color:var(--ink-soft);margin:0;font-size:22px}.badge-stars{color:var(--sun);letter-spacing:6px;margin:6px 0 0;font-size:36px}.story{background:#000;height:100%;position:relative;overflow:hidden}.scene{position:absolute;inset:0}.bg{animation-timing-function:ease-in-out;animation-fill-mode:both;position:absolute;inset:-8%}.bg img,.bg svg{object-fit:cover;width:100%;height:100%;display:block}.cam-zoom_in{animation-name:zoom-in}.cam-zoom_out{animation-name:zoom-out}.cam-pan_left{animation-name:pan-left}.cam-pan_right{animation-name:pan-right}.cam-still{animation-name:none}@keyframes zoom-in{0%{transform:scale(1)}to{transform:scale(1.12)}}@keyframes zoom-out{0%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes pan-left{0%{transform:translate(-4%)}to{transform:translate(4%)}}@keyframes pan-right{0%{transform:translate(4%)}to{transform:translate(-4%)}}.stage{inset-inline:0;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;top:0;bottom:calc(3% + 6.5rem)}.stage-sinnu{top:4%;position:absolute;inset-inline-start:16%}.caption{inset-inline:4%;color:#8a7a6a;text-align:center;background:#ffffffeb;border-radius:26px;padding:14px 26px;font-size:clamp(24px,3.1vw,36px);font-weight:700;line-height:1.55;position:absolute;bottom:4%;box-shadow:0 6px #0000001f}.caption .read{color:var(--ink)}.caption.cue{color:var(--ink);background:#fff3c4;animation:1.4s ease-in-out infinite pulse}.chapter-tag{top:18px;background:#fffc;border-radius:999px;padding:6px 16px;font-size:17px;font-weight:700;position:absolute;inset-inline-end:22px}.meter{top:18px;background:#ffffffd9;border-radius:999px;align-items:center;gap:10px;padding:6px 14px;display:flex;position:absolute;inset-inline-start:22px}.meter-label{font-size:18px;font-weight:800}.meter-track{background:#f0e2c8;border-radius:999px;width:180px;height:16px;overflow:hidden}.meter-fill{background:linear-gradient(90deg,#ffd84d,#ff8f3c);border-radius:999px;height:100%;transition:width 1s}body.is-doctor{background:var(--doc-bg);color:var(--doc-ink);font-family:IBM Plex Sans Arabic,system-ui,sans-serif;font-size:16px}.doc{flex-direction:column;max-width:560px;min-height:100%;margin:0 auto;display:flex}.doc-head{z-index:2;padding:max(12px, env(safe-area-inset-top)) 16px 12px;background:var(--doc-bg);border-bottom:1px solid var(--doc-line);justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.doc-main{flex:1;padding:16px 16px 96px}.doc-tabs{bottom:0;padding:8px 12px max(8px, env(safe-area-inset-bottom));background:var(--doc-surface);border-top:1px solid var(--doc-line);justify-content:center;gap:4px;display:flex;position:fixed;inset-inline:0}.doc-tabs button{max-width:180px;color:var(--doc-muted);background:0 0;border:0;border-radius:10px;flex:1;padding:10px;font-weight:500}.doc-tabs button.on{color:var(--doc-accent);background:color-mix(in srgb, var(--doc-accent) 12%, transparent)}.doc-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100%;padding:24px 16px;display:flex}.home .doc-btn.big{width:min(320px,100%)}.doc-brand{color:var(--sun-deep);margin:0;font-family:"Baloo Bhaijaan 2",sans-serif;font-size:34px;font-weight:800}.doc-brand.small{font-size:22px}.doc-muted{color:var(--doc-muted);margin:0}.small{font-size:13px}.pad{padding:16px}.doc-h{color:var(--doc-muted);margin:0 0 8px;font-size:15px;font-weight:600}.stack{flex-direction:column;gap:18px;display:flex}.stack.center{text-align:center;align-items:center;padding-top:40px}.row-between{justify-content:space-between;align-items:center;display:flex}.row-gap{gap:8px;display:flex}.grow{flex:1}.doc-btn{border:1px solid var(--doc-line);background:var(--doc-surface);color:var(--doc-ink);border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:11px 16px;font-weight:500;text-decoration:none;display:inline-flex}.doc-btn.primary{background:var(--doc-accent);border-color:var(--doc-accent);color:var(--doc-accent-ink)}.doc-btn.big{min-height:56px;font-size:18px}.doc-btn.small{min-height:36px;padding:6px 12px;font-size:14px}.doc-btn:active{transform:scale(.98)}.doc-link{color:var(--doc-accent);background:0 0;border:0;padding:8px 4px;font-weight:500}.doc-link.danger{color:var(--doc-danger)}.form-error.full{flex-basis:100%}body.is-doctor .form-error{color:var(--doc-danger);font-size:14px}.warn{background:var(--doc-warn-bg);color:var(--doc-warn-ink);border-radius:12px;margin:0;padding:10px 14px;font-size:14px}.inline-form{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.inline-form input{border:1px solid var(--doc-line);background:var(--doc-surface);min-width:0;color:var(--doc-ink);border-radius:12px;flex:1;min-height:44px;padding:10px 12px}.inline-form input.age{flex:0 0 76px}select{border:1px solid var(--doc-line);background:var(--doc-surface);color:var(--doc-ink);border-radius:10px;padding:6px 8px}.cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.card{background:var(--doc-surface);border:1px solid var(--doc-line);border-radius:16px;overflow:hidden}.card-main{width:100%;color:inherit;text-align:start;background:0 0;border:0;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:10px;padding:14px 16px 8px;display:grid}.card-main .dot{grid-row:span 2;align-self:center}.card-title{font-size:17px;font-weight:600}.card-sub{color:var(--doc-muted);font-size:14px}.card-actions{justify-content:space-between;align-items:center;padding:4px 16px 12px;display:flex}.dot{background:#b9b5ac;border-radius:50%;flex:none;width:10px;height:10px}.dot.on{background:var(--doc-ok);box-shadow:0 0 0 4px color-mix(in srgb, var(--doc-ok) 20%, transparent)}.rows{background:var(--doc-surface);border:1px solid var(--doc-line);border-radius:16px;margin:0;padding:0;list-style:none}.row{border-bottom:1px solid var(--doc-line);align-items:center;gap:10px;padding:12px 14px;display:flex}.row:last-child{border-bottom:0}.row-text{flex-direction:column;flex:1;min-width:0;display:flex}.ipad-pill{background:color-mix(in srgb, var(--doc-muted) 15%, transparent);color:var(--doc-muted);border-radius:999px;padding:4px 10px;font-size:12px}.ipad-pill.on{background:color-mix(in srgb, var(--doc-ok) 15%, transparent);color:var(--doc-ok)}.status-line{margin:0 0 12px;font-weight:600}.kid-pick{flex-wrap:wrap;gap:8px;display:flex}.kid-chip{border:1px solid var(--doc-line);background:var(--doc-surface);color:var(--doc-ink);border-radius:999px;min-height:40px;padding:9px 16px}.kid-chip.on{background:var(--doc-accent);border-color:var(--doc-accent);color:var(--doc-accent-ink)}.swatch-sm{border:3px solid var(--doc-surface);width:36px;height:36px;box-shadow:0 0 0 1px var(--doc-line);border-radius:50%}.swatch-sm.on{box-shadow:0 0 0 3px var(--doc-accent)}.seg{background:var(--doc-surface);border:1px solid var(--doc-line);border-radius:12px;padding:4px;display:flex}.seg button{color:var(--doc-ink);background:0 0;border:0;border-radius:9px;flex:1;padding:10px}.seg button.on{background:var(--doc-accent);color:var(--doc-accent-ink)}.answers{background:var(--doc-surface);border:1px solid var(--doc-line);border-radius:16px;grid-template-columns:auto 1fr;gap:8px 16px;margin:0;padding:14px 16px;display:grid}.answers dt{color:var(--doc-muted)}.answers dd{margin:0;font-weight:600}.assist summary{cursor:pointer;color:var(--doc-accent);padding:6px 0}.assist .kid-pick{margin-top:8px}.spinner{border:4px solid var(--doc-line);border-top-color:var(--doc-accent);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}.remote-top{justify-content:space-between;font-weight:600;display:flex}.meter-sm{background:var(--doc-line);border-radius:999px;height:8px;overflow:hidden}.meter-sm div{background:linear-gradient(90deg,#ffd84d,#ff8f3c);height:100%;transition:width 1s}.cue-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cue-btn{border:1px solid var(--doc-line);background:var(--doc-surface);min-height:92px;color:var(--doc-ink);border-radius:18px;font-size:22px;font-weight:600}.cue-btn:active,.cue-btn.on{background:var(--doc-accent);border-color:var(--doc-accent);color:var(--doc-accent-ink)}.voice{flex-direction:column;gap:8px;display:flex}.heard-chip{background:color-mix(in srgb, var(--doc-ok) 12%, transparent);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;font-size:14px;display:flex}.summary{background:var(--doc-surface);border:1px solid var(--doc-line);text-align:center;border-radius:16px;padding:16px}.summary-title{margin:0 0 4px;font-size:20px;font-weight:600}.sheet-backdrop{z-index:10;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--doc-surface);width:min(560px,100%);padding:22px 20px max(20px, env(safe-area-inset-bottom));text-align:center;border-radius:22px 22px 0 0;flex-direction:column;gap:12px;display:flex}.code-big{letter-spacing:6px;font-variant-numeric:tabular-nums;margin:0;font-size:52px;font-weight:600}.steps{text-align:start;margin:0;padding-inline-start:22px;line-height:1.9}@media (width>=900px){.doc{max-width:1240px}.doc.with-nav{grid-template-rows:auto 1fr;grid-template-columns:220px minmax(0,1fr);display:grid}.doc.with-nav .doc-head{grid-column:1/-1}.doc.with-nav .doc-main{grid-area:2/2}.doc-head{padding:16px 28px}.doc.with-nav .doc-tabs{border-top:0;border-inline-end:1px solid var(--doc-line);background:0 0;flex-direction:column;grid-area:2/1;justify-content:flex-start;align-self:start;gap:4px;min-height:calc(100vh - 64px);padding:20px 12px;position:sticky;top:64px}.doc.with-nav .doc-tabs button{text-align:start;flex:none;max-width:none;padding:12px 16px;font-size:16px}.doc-main{padding:28px 32px 48px}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.split.wide-narrow{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.narrow{max-width:720px}.cue-btn{min-height:130px;font-size:28px}.status-line{font-size:20px}.sheet-backdrop{align-items:center}.sheet{border-radius:22px;width:440px;padding:28px}}.hero3d{flex:none;display:inline-block;position:relative}.hero3d canvas{display:block}.hero3d-z{top:8%;color:#fff;text-shadow:0 2px 6px #00000040;font-size:30px;font-weight:800;animation:2.4s ease-in-out infinite drift;position:absolute;inset-inline-end:22%}.preview{flex-direction:column;gap:14px;height:100%;padding:16px;display:flex;overflow:auto}.preview-stage{background:#bfe6ff 50%/cover no-repeat;border-radius:24px;justify-content:center;align-items:flex-end;height:min(62vh,560px);display:flex;position:relative;overflow:hidden}.preview-hero{position:absolute;inset:0}.preview-sinnu{top:12%;position:absolute;inset-inline-start:18%}.preview-controls{flex-direction:column;gap:8px;display:flex}.preview-controls .chips{flex-wrap:wrap;gap:8px;display:flex}.preview-controls .chip{padding:8px 16px;font-size:18px}.chip.on{background:var(--sun);color:#fff}.swatch-chip{border:4px solid #fff;border-radius:50%;width:40px;height:40px;box-shadow:0 2px #00000026}.swatch-chip.on{box-shadow:0 0 0 3px var(--ink)}.preview-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.hero3d.stage-sinnu,.hero3d.corner-sinnu{position:absolute}.hero3d.stage-sinnu{top:6%;inset-inline-start:14%}.hero3d.stage-sinnu .card-admin{align-items:center;gap:12px;display:flex}.hero3d.stage-sinnu .card-admin select{max-width:11em}
