/* मौन पढाइ घण्टा — scoped .wn-sh */
.wn-sh{--sh-ink:var(--ink,#120A08);--sh-soft:var(--ink-soft,#4A443B);--sh-line:var(--line,#D9D2C0);--sh-surface:var(--surface,#fff);--sh-gold:var(--gold,#F7C600);max-width:760px;margin:0 auto;padding:20px 16px 48px;display:flex;flex-direction:column;gap:18px;color:var(--sh-ink)}
.wn-sh *{box-sizing:border-box}
.wn-sh .eyebrow{margin:0;font-size:.82rem;font-weight:700;color:var(--sh-soft)}
.wn-sh h1{margin:4px 0 0;font-size:clamp(1.5rem,5.5vw,2.1rem);line-height:1.3;text-wrap:balance}
.wn-sh .lead{margin:8px 0 0;font-size:1.05rem;line-height:1.7}
.wn-sh .box{background:var(--sh-surface);border:2px solid var(--sh-ink);border-radius:14px;padding:16px}
.wn-sh .box h2{margin:0 0 10px;font-size:1.1rem}
.wn-sh .rules{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px}
.wn-sh .sched{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.wn-sh .sched li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border:1.5px solid var(--sh-line);border-radius:10px;padding:8px 12px}
.wn-sh .room{background:#17120d;color:#f5ecd6;border:2px solid var(--sh-ink);border-radius:14px;padding:20px;min-height:260px}
.wn-sh .room>div{display:flex;flex-direction:column;gap:12px}
.wn-sh .room [hidden]{display:none}
.wn-sh .tag{align-self:flex-start;font-size:.75rem;font-weight:700;letter-spacing:.05em;color:#120A08;background:var(--sh-gold);border-radius:99px;padding:2px 12px}
.wn-sh .clock{margin:0;font-size:clamp(2.4rem,11vw,3.4rem);line-height:1.1;font-variant-numeric:tabular-nums}
.wn-sh .big{margin:0;font-size:1.5rem;line-height:1.4}
.wn-sh .sm{margin:0;font-size:.92rem;color:#b9ad96}
.wn-sh .sm b{color:#f5ecd6}
.wn-sh .load{margin:0;color:#b9ad96}
.wn-sh .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.wn-sh .btn{display:inline-block;padding:10px 20px;border:2px solid #120A08;border-radius:99px;background:var(--sh-gold);color:#120A08;font-weight:700;font-size:.95rem;font-family:inherit;cursor:pointer;text-decoration:none}
.wn-sh .btn.alt{background:transparent;color:#f5ecd6;border-color:#f5ecd6}
.wn-sh .btn:focus-visible,.wn-sh .pg:focus-visible{outline:3px solid var(--sh-gold);outline-offset:2px}
.wn-sh .faces{display:flex;flex-wrap:wrap;gap:6px;min-height:34px}
.wn-sh .face{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.85rem;color:#120A08;background-size:cover;background-position:center}
.wn-sh .bar{height:6px;background:#3a3025;border-radius:99px;overflow:hidden}
.wn-sh .bar i{display:block;height:100%;width:0;background:var(--sh-gold);transition:width 1s linear}
.wn-sh .book{display:flex;gap:12px;align-items:center;border:1px solid #3a3025;border-radius:10px;padding:10px}
.wn-sh .cv{width:44px;height:62px;border-radius:3px;background:#8a5a2b center/cover no-repeat;flex:none}
.wn-sh .pg{width:100px;font:inherit;padding:6px 8px;border:2px solid #f5ecd6;border-radius:8px;background:transparent;color:#f5ecd6}
.wn-sh .chk{display:flex;gap:8px;align-items:center}

/* focus screen (4.62) */
.wn-sh .focus{position:fixed;inset:0;z-index:100000;background:#000;color:#f5ecd6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px max(16px,env(safe-area-inset-left,0px));opacity:0;pointer-events:none;transition:opacity 2.2s ease}
.wn-sh .focus[hidden]{display:none}
.wn-sh .focus.on{opacity:1;pointer-events:auto}
.wn-sh .focus.quick{transition:none}
.wn-sh .fbig{margin:0;font-weight:700;font-size:clamp(4rem,22vw,11rem);line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.wn-sh .focus .sub{margin:0;color:#8f8573;font-size:1rem;text-align:center}
.wn-sh .fctl{position:absolute;left:0;right:0;bottom:max(18px,env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;align-items:center;padding:0 20px;opacity:.35;transition:opacity .3s}
.wn-sh .fctl:hover,.wn-sh .fctl:focus-within,.wn-sh .focus.touch .fctl{opacity:1}
.wn-sh .fbtn{background:transparent;border:1.5px solid #6b6253;color:#cfc3a8;border-radius:99px;padding:8px 16px;font-weight:600;font-size:.9rem;font-family:inherit;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.wn-sh .fbtn.gold{background:#F7C600;color:#120A08;border-color:#F7C600}
.wn-sh .fbtn:focus-visible,.wn-sh .fpanel textarea:focus-visible{outline:3px solid var(--sh-gold);outline-offset:2px}
.wn-sh .fpanel{position:absolute;left:16px;right:16px;bottom:72px;max-width:460px;margin:0 auto;background:#17120d;border:1.5px solid #3a3025;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
.wn-sh .fpanel[hidden]{display:none}
.wn-sh .fpanel textarea{width:100%;min-height:110px;font:inherit;color:#f5ecd6;background:transparent;border:1px solid #3a3025;border-radius:10px;padding:8px 10px;resize:vertical}
.wn-sh .row.end{justify-content:flex-end}