/* Ask the Rosh Yeshiva: send animation + My questions (PREVIEW Oct 17 2026) */
.blx-layer{position:fixed;inset:0;z-index:300;pointer-events:none;overflow:hidden}
.blx-paper{box-shadow:0 18px 40px rgba(0,0,0,.35)}
.blx-scroll{position:fixed;height:38px;transform-origin:50% 50%;will-change:transform}
.blx-roll{position:absolute;left:0;right:0;top:0;height:14px;border-radius:7px;background:linear-gradient(180deg,#6f4f22 0%,#c9a66b 18%,#f6e7c1 42%,#fff8e2 52%,#e2c993 72%,#9c7637 90%,#5e421b 100%);box-shadow:0 10px 22px rgba(0,0,0,.45),inset 0 -2px 3px rgba(0,0,0,.25)}
.blx-cap{position:absolute;top:50%;width:12px;height:118%;transform:translateY(-50%);border-radius:6px;background:linear-gradient(90deg,#4a3214,#8b6230 45%,#4a3214)}
.blx-cap-l{left:-6px}.blx-cap-r{right:-6px}
.blx-ribbon{position:absolute;left:50%;top:50%;width:20px;height:54px;opacity:0;transform:translate(-50%,-50%) scaleY(0);background:linear-gradient(90deg,#7d0d14,#d42a33 35%,#ef4b52 50%,#c01f28 65%,#7d0d14);box-shadow:0 2px 6px rgba(0,0,0,.4);border-radius:2px}
.blx-tail{position:absolute;left:calc(50% - 6px);top:calc(50% + 14px);width:12px;height:34px;opacity:0;transform-origin:50% 0;background:linear-gradient(90deg,#8e1018,#e0353d 50%,#8e1018);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}
.blx-tail1{transform:rotate(20deg)}.blx-tail2{transform:rotate(-20deg)}
.blx-seal{position:absolute;left:50%;top:50%;width:46px;height:46px;opacity:0;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 36% 30%,#f0626a 0%,#c3202b 38%,#8f0f18 72%,#5c070c 100%);box-shadow:0 4px 10px rgba(0,0,0,.5),inset 0 -3px 5px rgba(0,0,0,.35),inset 0 2px 3px rgba(255,170,170,.35);display:flex;align-items:center;justify-content:center}
.blx-seal:before{content:"";position:absolute;inset:6px;border-radius:50%;border:2px solid rgba(90,6,12,.55);box-shadow:0 1px 0 rgba(255,140,140,.35)}
.blx-seal span{font:700 20px/1 "Frank Ruehl CLM","FrankRuehlCLM",serif;color:#6a0a10;text-shadow:0 1px 0 rgba(255,150,150,.45),0 -1px 0 rgba(0,0,0,.35)}
.blx-spark{position:fixed;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#fff6d0,#f4c45a 60%,rgba(244,196,90,0));}
.blx-toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);transform:translateX(-50%);z-index:310;background:rgba(20,22,34,.96);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 16px;font:600 14px/1.3 -apple-system,system-ui,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.45);display:flex;gap:8px;align-items:center;white-space:nowrap}
.blx-toast b{color:#4ade80}.blx-toast span{color:#94a3b8;font-weight:500;font-size:12px}
.bl-ask-sent{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:18px 6px 4px}
.bl-ask-sent .ok{width:58px;height:58px;border-radius:50%;background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.35);display:flex;align-items:center;justify-content:center;color:#4ade80;font-size:28px}
.bl-ask-sent h4{font-size:20px;font-weight:800;color:#fff;margin:4px 0 0}
.bl-ask-sent p{font-size:14px;color:#94a3b8;margin:0;max-width:280px;line-height:1.45}
.bl-ask-again{width:100%;padding:16px;border-radius:16px;background:linear-gradient(90deg,#9333ea,#a855f7);color:#fff;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:0;margin-top:8px}
.bl-ask-myq{width:100%;padding:14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-weight:700}
.bl-myq-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.3);color:#d8b4fe;font:700 12px/1 -apple-system,system-ui,sans-serif;white-space:nowrap}
.bl-myq-btn em{font-style:normal;min-width:18px;height:18px;border-radius:9px;background:#a855f7;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;padding:0 5px}
.blq-ov{position:fixed;inset:0;z-index:120;background:rgba(0,0,0,.55)}
.blq-sheet{position:absolute;inset:0;background:#0a0d18;display:flex;flex-direction:column;color:#e2e8f0;font-family:-apple-system,"SF Pro Text",system-ui,sans-serif}
.blq-inline{display:flex;flex-direction:column;color:#e2e8f0;font-family:-apple-system,"SF Pro Text",system-ui,sans-serif;min-height:52vh;max-height:66vh;margin:0 -4px}
.blq-head{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 10px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(10,13,24,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.blq-inline .blq-head{padding:4px 2px 10px;background:none}
.blq-back{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c4b5fd;background:rgba(255,255,255,.05);border:0}
.blq-ht{display:flex;flex-direction:column;align-items:center}.blq-ht b{font-size:17px;font-weight:700;color:#fff}.blq-ht span{font-size:11px;color:#64748b}
.blq-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 12px 16px}
.blq-inline .blq-body{padding:8px 2px 10px}
.blq-list{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.blq-row{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:13px 14px;border:0;background:none;color:inherit;width:100%;border-bottom:1px solid rgba(255,255,255,.06)}
.blq-row:last-child{border-bottom:0}.blq-row:active{background:rgba(255,255,255,.06)}
.blq-av{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px rgba(168,85,247,.2)}
.blq-av-lg{flex-basis:48px;width:48px;height:48px;font-size:16px}
.blq-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.blq-top{display:flex;justify-content:space-between;gap:8px}.blq-top b{font-size:15px;color:#fff;font-weight:700}.blq-top time{font-size:12px;color:#64748b;white-space:nowrap}
.blq-subj{font-size:14px;color:#cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:auto;unicode-bidi:plaintext}
.blq-st{font-size:12px;color:#fbbf24;display:flex;align-items:center;gap:6px}.blq-st i,.blq-wait i{width:7px;height:7px;border-radius:50%;background:#fbbf24;box-shadow:0 0 8px rgba(251,191,36,.7)}
.blq-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:48px 20px;color:#64748b}.blq-empty b{color:#cbd5e1;font-size:17px}.blq-empty span{font-size:13px;max-width:240px;line-height:1.45}.blq-empty svg{color:#7c3aed;opacity:.8}
.blq-detail{display:flex;flex-direction:column;gap:14px}
.blq-dhead{display:flex;gap:12px;align-items:center}.blq-dhead div{display:flex;flex-direction:column;gap:2px;min-width:0}.blq-dhead b{font-size:16px;color:#fff}.blq-dhead span{font-size:12px;color:#64748b;overflow-wrap:anywhere}
.blq-paper{background:linear-gradient(180deg,#f7ecd0,#efe0b8);color:#3b2a10;border-radius:16px;padding:18px 16px;font:500 17px/1.6 "Frank Ruehl CLM","FrankRuehlCLM",Georgia,serif;box-shadow:0 8px 24px rgba(0,0,0,.35);direction:auto;unicode-bidi:plaintext;text-align:start;overflow-wrap:anywhere}
.blq-wait{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;background:rgba(251,191,36,.07);border:1px solid rgba(251,191,36,.2)}.blq-wait div{display:flex;flex-direction:column}.blq-wait b{font-size:14px;color:#fde68a}.blq-wait span{font-size:12px;color:#94a3b8}
.blq-del{align-self:center;display:inline-flex;gap:6px;align-items:center;padding:10px 16px;border-radius:12px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);color:#fca5a5;font-weight:700;font-size:13px}
.blq-foot{padding:10px 12px calc(env(safe-area-inset-bottom,0px) + 12px);border-top:1px solid rgba(255,255,255,.07)}
.blq-inline .blq-foot{padding:10px 2px 0}
.blq-ask{width:100%;padding:15px;border-radius:16px;border:0;background:linear-gradient(90deg,#9333ea,#a855f7);color:#fff;font-weight:800;letter-spacing:.05em;text-transform:uppercase}

[dir=rtl] .blq-back svg{transform:scaleX(-1)}
[dir=rtl] .blq-row{text-align:right}
.blq-row,.blq-dhead,.blq-wait{font-family:inherit}
.blq-sheet,.blq-inline,.blx-toast{font-family:-apple-system,"SF Pro Text",system-ui,"Noto Sans Hebrew",sans-serif}