.sebha-page{padding-block:32px 45px}.sebha-page [hidden]{display:none!important}.sebha-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.sebha-heading h1{font-family:var(--font-body);letter-spacing:0;margin:0;font-size:30px;line-height:1.6}.sebha-local-note{color:var(--muted);margin-block:8px 20px;font-size:13px}.sebha-page button{touch-action:manipulation}.sebha-page .btn{justify-content:center;align-items:center;gap:8px;min-height:44px;display:inline-flex}.sebha-button{--bs-btn-color:var(--green);--bs-btn-border-color:var(--line);--bs-btn-bg:var(--card);--bs-btn-hover-color:var(--green);--bs-btn-hover-border-color:var(--green);--bs-btn-hover-bg:var(--wash);--bs-btn-active-color:var(--green);--bs-btn-active-bg:var(--wash);--bs-btn-active-border-color:var(--green)}.sebha-board{--sebha-base:#102d29;--sebha-panel:#1c3d36;--sebha-text:#eff5e9;--sebha-accent:#b9dbc4;background:var(--sebha-base);color:var(--sebha-text);isolation:isolate;direction:ltr;border:1px solid #3d6553;border-radius:18px;grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:16px;padding:16px;display:grid}.sebha-controls{background:var(--sebha-panel);border:1px solid #ffffff26;border-radius:12px;flex-direction:column;gap:18px;min-width:0;padding:18px;display:flex}[dir=rtl] .sebha-controls{direction:rtl}.sebha-board .sebha-button{--bs-btn-color:var(--sebha-text);--bs-btn-border-color:#ffffff40;--bs-btn-bg:#ffffff0d;--bs-btn-hover-color:#fff;--bs-btn-hover-border-color:var(--sebha-accent);--bs-btn-hover-bg:#ffffff1f;--bs-btn-active-color:#fff;--bs-btn-active-bg:#ffffff1f;--bs-btn-active-border-color:var(--sebha-accent);--bs-btn-disabled-color:#eff5e9;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffffff40}.sebha-selector{gap:8px;display:flex}.sebha-selector>button{flex:0 0 44px;padding-inline:8px}.sebha-selector .sebha-choose{flex:1;min-width:0}.sebha-reading{flex-direction:column;flex:1;min-width:0;min-height:150px;display:flex}.sebha-zekr{font-size:var(--sebha-text-size,30px);line-height:var(--sebha-line-spacing,1);white-space:pre-line;overflow-wrap:anywhere;scrollbar-width:thin;flex:1;max-height:330px;padding:8px;overflow:auto}#sebha-target{text-align:center;margin-block:12px 0;font-size:14px}.sebha-progress{background:#ffffff26;border-radius:20px;height:10px;margin-block:18px 0;overflow:hidden}.sebha-progress>span{background:var(--sebha-accent);width:0;height:100%;transition:width .15s linear;display:block}.sebha-modes>label{margin-block-end:8px;font-size:14px;display:block}.sebha-modes>div{align-items:center;gap:15px;display:flex}.sebha-modes select{flex:1;min-width:0;min-height:44px}.sebha-toggle{align-items:center;gap:8px;display:flex}.sebha-toggle input{flex-shrink:0;margin:0}.sebha-actions{gap:8px;display:flex}.sebha-actions>button{flex:1;min-width:0;padding-inline:8px}.sebha-actions .sebha-swap{flex:0 0 44px}.sebha-stage{flex-direction:column;justify-content:center;align-items:center;min-width:0;display:flex}.sebha-count{width:100%;height:clamp(360px,60vh,580px);color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;padding:0;display:block;overflow:hidden}.sebha-count:disabled{cursor:default;opacity:.45}.sebha-count svg{pointer-events:none;width:100%;height:100%;display:block}#sebha-number{font-family:var(--font-digital);fill:var(--sebha-accent);direction:ltr;unicode-bidi:isolate;font-weight:700}#sebha-number tspan{direction:ltr;unicode-bidi:isolate}#sebha-number.is-zero{fill-opacity:.35}#sebha-detail-one,#sebha-detail-two{fill:var(--sebha-text);font-size:9px}.sebha-count.is-complete #sebha-bead{animation:.7s ease-out sebha-glow}.sebha-count.is-pressed #sebha-bead{filter:drop-shadow(0 0 4px #ffe8a0)}.sebha-hint{text-align:center;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}[dir=rtl] .sebha-hint{direction:rtl}.sebha-hint button{min-width:44px;min-height:44px;color:inherit;background:0 0;border:0;font-size:20px}.sebha-board.controls-right{grid-template-columns:minmax(0,1fr) minmax(270px,340px)}.controls-right .sebha-controls{grid-area:1/2}.controls-right .sebha-stage{grid-area:1/1}.sebha-dialog{border:1px solid var(--line);background:var(--card);width:min(580px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);border-radius:14px;margin:auto;padding:0;overflow:hidden;box-shadow:0 20px 70px #0005}.sebha-dialog[open]{flex-direction:column;display:flex}.sebha-dialog::backdrop{background:#0b2929b3}.sebha-dialog>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.sebha-dialog h2{font-family:var(--font-body);letter-spacing:0;margin:0;font-size:19px;font-weight:600;line-height:1.6}.sebha-dialog>header button{min-width:44px}.sebha-dialog-content{overscroll-behavior:contain;min-height:0;padding:20px;overflow:auto}.sebha-dialog>footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.sebha-field{gap:8px;margin-block-end:20px;display:grid}.sebha-field textarea{min-height:120px;max-height:35vh}.sebha-field input[type=range]{width:100%;accent-color:var(--green)}.sebha-setting{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:50px;padding-block:12px;display:flex}.sebha-setting input{flex-shrink:0;margin:0}.sebha-list-note{color:var(--muted);margin-block:10px;font-size:13px}.sebha-list{flex-direction:column;gap:10px;display:flex}.sebha-list-row{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.sebha-list-row.is-selected{background:var(--wash);border-color:var(--green)}.sebha-entry{color:inherit;text-align:start;white-space:pre-line;overflow-wrap:anywhere;background:0 0;border:0;flex:1;min-width:0;padding:8px}.sebha-entry small{color:var(--muted);display:block}.sebha-list-row>label{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.sebha-list-row label span{white-space:pre-line;overflow-wrap:anywhere;flex:1}.sebha-list-row label input{flex-shrink:0}@keyframes sebha-glow{50%{filter:brightness(1.3)drop-shadow(0 0 7px #ffdf88)}}@media (width<=700px),(aspect-ratio<=23/20){.sebha-board,.sebha-board.controls-right{flex-direction:column;gap:12px;padding:12px;display:flex}.sebha-controls{display:contents}.sebha-selector{order:0}.sebha-reading{background:var(--sebha-panel);border-radius:8px;order:1;min-height:0;padding:8px}.sebha-zekr{max-height:190px}.sebha-stage{order:2}.sebha-modes{order:3}.sebha-actions{order:4}.sebha-actions .sebha-swap{display:none}.sebha-count{height:clamp(330px,47vh,480px)}.sebha-modes,.sebha-selector,.sebha-actions{direction:inherit}[dir=rtl] .sebha-board{direction:rtl}.sebha-dialog-content{padding:14px}}@media (prefers-reduced-motion:reduce){.sebha-progress>span{transition:none}.sebha-count.is-complete #sebha-bead{animation:none}}.sebha-setting.form-switch{padding-inline:0}.sebha-setting.form-switch .form-check-input{float:none;margin:0}