/* Shina Brain: uses the Learn Shina theme colours when present, with safe fallbacks */
.sb-tr,.sb-dym{--sbt:var(--teal,#2dd4bf);--sbs:var(--saffron,#f5a524);--sbg:var(--glass,rgba(255,255,255,.06));--sbb:var(--border,rgba(255,255,255,.12));--sbx:var(--text,#eaf4f6);--sbd:var(--text-dim,#9fb8c4)}
.sb-tr [hidden],.sb-dym[hidden]{display:none!important}
.sb-tr{max-width:760px;margin:0 auto 30px;padding:22px;border-radius:var(--radius,22px);color:var(--sbx)}
.sb-tr__dirs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.sb-tr__dirs button{flex:1 1 150px;background:var(--sbg);border:1px solid var(--sbb);color:var(--sbd);border-radius:12px;padding:10px 12px;font:600 14px/1.2 inherit;cursor:pointer}
.sb-tr__dirs button[aria-checked="true"]{color:var(--sbx);border-color:var(--sbt);box-shadow:0 0 0 1px var(--sbt) inset}
.sb-tr textarea{width:100%;padding:14px 16px;border-radius:14px;background:var(--sbg);border:1px solid var(--sbb);color:var(--sbx);font-size:17px;resize:vertical;box-sizing:border-box}
.sb-tr textarea:focus{outline:none;border-color:var(--sbt)}
.sb-tr__bar{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:12px}
.sb-tr__ai{color:var(--sbd);font-size:14px}
.sb-res{margin-top:18px;border-top:1px solid var(--sbb);padding-top:16px}
.sb-res__txt{font:700 26px/1.3 'Outfit',inherit;margin:0;color:var(--sbx);word-break:break-word}
.sb-res__script{font:600 26px/1.8 'Noto Nastaliq Urdu',serif;margin:4px 0 0;color:var(--sbs)}
.sb-meter{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:13px;color:var(--sbd)}
.sb-meter i{flex:1;height:7px;background:var(--sbg);border-radius:6px;overflow:hidden;border:1px solid var(--sbb)}
.sb-meter b{display:block;height:100%;width:0;transition:width .6s;background:var(--sbt)}
.sb-meter b.mid{background:var(--sbs)}.sb-meter b.lo{background:#f87171}
.sb-meter em{font-style:normal;font-weight:700;color:var(--sbx);min-width:40px;text-align:right}
.sb-segs{display:flex;flex-wrap:wrap;gap:6px}
.sb-k{display:inline-flex;flex-direction:column;align-items:center;padding:4px 10px;border-radius:10px;border:1px solid;font-size:14px;font-weight:600;line-height:1.3}
.sb-k small{font-size:11px;font-weight:500;opacity:.75}
.sb-note .sb-k{display:inline;padding:1px 7px;font-size:12px}
.sb-k.verified{color:#34d399;border-color:rgba(52,211,153,.5)}.sb-k.dictionary{color:var(--sbt);border-color:var(--sbt)}.sb-k.learned{color:var(--sbs);border-color:var(--sbs)}.sb-k.unknown{color:#f87171;border-color:rgba(248,113,113,.6)}
.sb-tm,.sb-aiout{margin-top:12px;padding:10px 14px;border-radius:12px;background:var(--sbg);border:1px solid var(--sbb);color:var(--sbd);font-size:14px}
.sb-tm b,.sb-aiout b{color:var(--sbx)}
.sb-fb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;color:var(--sbd);font-size:14px}
.sb-fb .btn{padding:8px 12px}
.sb-fb .btn.on{border-color:var(--sbt);color:var(--sbt)}
.sb-fixbox{margin-top:10px;display:grid;gap:8px}
.sb-thanks{color:var(--sbt);margin:0}
.sb-note{color:var(--sbd);font-size:12px;margin:16px 0 0;line-height:1.9}
.sb-dym{margin-top:10px;font-size:14px;color:var(--sbd)}
.sb-dym button{background:var(--sbg);border:1px solid var(--sbt);color:var(--sbt);border-radius:999px;padding:4px 12px;margin:3px;cursor:pointer;font:600 13px inherit}
@media(max-width:560px){.sb-tr{padding:16px}.sb-res__txt,.sb-res__script{font-size:21px}}
.sb-tr .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}