:root{--paper:#f6f5f1;--card:#fff;--mushaf:#fbfaf5;--ink:#161b2b;--ink-on-paper:#161b2b;--muted:#6b7080;--rule:#e4e2da;--rule-strong:#d2cfc5;--slate:#1e2536;--slate-2:#283044;--chalk:#f1eee6;--chalk-muted:#a9aebf;--chalk-gold:#c9b77a;--lapis:#2b4ba8;--lapis-dark:#22418f;--lapis-tint:#e7ecf9;--lapis-tint-2:#c9d4f2;--gold:#b8892a;--gold-tint:#f6eedb;--jali:#b4402f;--jali-tint:#f8e6e2;--khafi:#c98a1a;--khafi-tint:#fbf0d9;--passed:#2e7d5b;--passed-tint:#e3f1ea;--jali-ink:#a33a2a;--khafi-ink:#84590c;--s0:#e4e2da;--s1:#c9d4f2;--s2:#8fa6e8;--s3:#4c69c4;--s4:#22418f;--font-text:"Source Sans 3", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-display:"Newsreader", Georgia, "Times New Roman", serif;--font-arabic:"Amiri", "Noto Naskh Arabic", "Scheherazade New", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#1e2536;--card:#283044;--mushaf:#f3f1e9;--ink:#f1eee6;--muted:#a9aebf;--rule:#3a4258;--rule-strong:#4a5470;--lapis:#8fa6f2;--lapis-dark:#a9bcf5;--lapis-tint:#2a3654;--lapis-tint-2:#3a4a78;--gold:#d7b04e;--gold-tint:#3a3322;--jali:#e0705c;--jali-tint:#4a2a26;--khafi:#e0ae4a;--khafi-tint:#463a1e;--passed:#63b89e;--passed-tint:#1f3a30;--jali-ink:#f0a496;--khafi-ink:#ebc67a;--s0:#3a4258;--s1:#3a4a78;--s2:#5c74c4;--s3:#7d93e6;--s4:#a9bcf5}}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}a{color:var(--lapis);text-decoration:none}a:hover{color:var(--lapis-dark)}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}.display{font-family:var(--font-display);letter-spacing:-.005em;font-weight:500}.ar{font-family:var(--font-arabic);direction:rtl;unicode-bidi:isolate}.num{font-variant-numeric:tabular-nums}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.muted{color:var(--muted)}.shell{min-height:100vh;display:flex}.rail{background:var(--card);border-inline-end:1px solid var(--rule);--rail-foot:28px;width:84px;padding:20px 10px var(--rail-foot);overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:none;align-items:stretch;gap:6px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.rail::-webkit-scrollbar{display:none}.rail .out{width:100%;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 0;font-size:10.5px;font-weight:600;display:flex}.rail .out:hover{background:var(--lapis-tint);color:var(--lapis-dark)}.rail.admin .out{color:var(--chalk-muted)}.rail.admin .out:hover{background:var(--slate-2);color:var(--chalk)}.rail>.signout{bottom:calc(0px - var(--rail-foot));z-index:1;background:var(--card);padding-bottom:var(--rail-foot);margin-bottom:calc(0px - var(--rail-foot));position:sticky}.rail.admin>.signout{background:var(--slate)}@media (min-width:561px) and (max-height:860px){.rail{--rail-foot:10px;gap:2px;padding-top:14px}.rail .mono{margin-bottom:8px}.rail a,.rail .out{padding:7px 0}.rail .railavatar{display:none}}@media (min-width:561px) and (max-height:720px){.rail .maker.railmark{display:none}}.rail.admin{background:var(--slate);border-inline-end:none}.rail .mono{font-family:var(--font-arabic);text-align:center;color:var(--lapis-dark);margin-bottom:14px;font-size:30px;line-height:1}.rail.admin .mono{color:var(--chalk)}.rail a{color:var(--muted);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 0;font-size:10.5px;font-weight:600;display:flex}.rail a.on{background:var(--lapis-tint);color:var(--lapis-dark)}.rail.admin a{color:var(--chalk-muted)}.rail.admin a.on{background:var(--slate-2);color:var(--chalk)}.rail svg{display:block}.rail .railspacer{flex:1}.maker{color:var(--muted);letter-spacing:.02em;align-items:center;gap:8px;font-size:10.5px;font-weight:600;text-decoration:none;display:inline-flex}.maker svg{flex:none}.maker:hover{color:var(--ink)}.rail .maker.railmark{text-align:center;flex-direction:column;gap:3px;padding:8px 0 6px;line-height:1.15}.maker.foot{flex-direction:column;align-items:center;gap:4px;padding:22px 0 6px;display:flex}.maker .ver{letter-spacing:.02em;color:var(--muted);opacity:.85;font-variant-numeric:tabular-nums;font-size:9.5px;font-weight:500}.rail .maker.railmark .ver{margin-top:1px;font-size:8.5px}.maker.foot a{color:inherit;letter-spacing:.01em;align-items:center;gap:7px;font-size:11.5px;font-weight:500;text-decoration:none;display:inline-flex}.maker.foot a:hover{color:var(--ink)}.maker.foot .credit{letter-spacing:.01em;color:var(--muted);text-align:center;font-size:10.5px;font-weight:500}.rail .railavatar{justify-content:center;margin-bottom:6px;display:flex}.railicon{display:inline-flex;position:relative}.railbadge{top:-5px;background:var(--jali);color:#fff;text-align:center;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--card);border-radius:999px;padding:0 4px;font-size:10.5px;font-weight:700;line-height:17px;position:absolute;inset-inline-end:-9px}.rail.admin .railbadge{box-shadow:0 0 0 2px var(--slate)}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--rule);background:var(--card);justify-content:space-between;align-items:center;gap:14px;height:64px;padding:0 28px;display:flex}.topbar .left,.topbar .right{align-items:center;gap:12px;display:flex}.content{padding:24px 28px}.card{background:var(--card);border:1px solid var(--rule);border-radius:16px;padding:16px 18px}.card.tight{padding:14px 16px}.slate{background:var(--slate);color:var(--chalk);border-radius:16px;padding:18px}.chip{background:var(--lapis-tint);color:var(--lapis-dark);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.chip.pass{background:var(--passed-tint);color:var(--passed)}.chip.warn{background:var(--khafi-tint);color:var(--khafi)}.chip.danger{background:var(--jali-tint);color:var(--jali)}.chip.plain{background:var(--paper);color:var(--muted);border:1px solid var(--rule)}.chip.solid{background:var(--lapis);color:#fff}.chip.gold{background:var(--gold-tint);color:var(--gold)}.btn{white-space:nowrap;background:var(--lapis);color:#fff;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{background:var(--lapis-dark)}.btn.secondary{background:var(--card);color:var(--ink);border-color:var(--rule-strong)}.btn.secondary:hover{background:var(--paper)}.btn.ghost{color:var(--lapis);background:0 0}.btn.danger{background:var(--jali);color:#fff}.btn.danger:hover{background:var(--jali);filter:brightness(.92)}.leave>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.leave>summary::-webkit-details-marker{display:none}.leave>summary:after{content:"+";color:var(--muted);font-size:16px;font-weight:600;line-height:1}.leave[open]>summary:after{content:"−"}.btn.chalk{background:var(--chalk);color:var(--slate)}.btn.lg{width:100%;height:46px;font-size:15px}.btn:disabled{opacity:.5;cursor:default}.avatar{background:var(--lapis-tint);color:var(--lapis-dark);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar.gold{background:var(--gold-tint);color:var(--gold)}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.hr{background:var(--rule);height:1px}.list>*+*{border-top:1px solid var(--rule)}.list>*{padding:10px 0}.glyph-jali{background:var(--jali);border-radius:2px;width:12px;height:3px;display:inline-block}.glyph-khafi{background:var(--khafi);border-radius:50%;width:7px;height:7px;display:inline-block}.tag{border:1px solid var(--rule);background:var(--card);color:var(--ink);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.tag.jali{background:var(--jali-tint);border-color:color-mix(in srgb, var(--jali) 35%, transparent);color:var(--jali-ink)}.tag.khafi{background:var(--khafi-tint);border-color:color-mix(in srgb, var(--khafi) 40%, transparent);color:var(--khafi-ink)}.tag.jali:hover:not(:disabled){border-color:var(--jali)}.tag.khafi:hover:not(:disabled){border-color:var(--khafi)}.tag.active{background:var(--lapis-tint);border-color:var(--lapis)}.tag:disabled{opacity:.5}table.tbl{border-collapse:collapse;width:100%;font-size:14px}table.tbl th{text-align:start;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--ink);padding-block:8px;padding-inline:0 10px;font-size:11px;font-weight:600}table.tbl td{border-bottom:1px solid var(--rule);vertical-align:top;padding-block:9px;padding-inline:0 10px}table.tbl td.n,table.tbl th.n{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.iconbtn{border:1px solid var(--rule);background:var(--paper);width:32px;height:32px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.iconbtn.ok{background:var(--passed-tint);color:var(--passed);border-color:#0000}textarea.note{resize:vertical;border:1px solid var(--rule);width:100%;min-height:96px;font:inherit;color:var(--ink);background:var(--paper);border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.5}.input{border:1px solid var(--rule);width:100%;height:40px;font:inherit;color:var(--ink);background:var(--paper);border-radius:10px;padding:0 12px;font-size:14.5px}.input:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.auth-screen{background:var(--paper);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--card);border:1px solid var(--rule);border-radius:20px;width:min(400px,100%);padding:36px 34px}.luh{perspective:1800px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;max-height:72vh;margin:0 auto;position:relative}.luh.held{touch-action:none;overscroll-behavior:contain}.luh .card{transform-style:preserve-3d;background:0 0;border:0;border-radius:0;padding:0;transition:transform .55s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.luh .card[data-side=back]{transform:rotateY(180deg)}.luh .face{backface-visibility:hidden;filter:drop-shadow(0 6px 14px #342a1a3d);position:absolute;inset:0}.luh .face.back{transform:rotateY(180deg)}.luh .wood{will-change:transform;width:100%;height:100%;position:absolute;inset:0}.luh .wood.mirrored{transform:scaleX(-1)}.luh .board{position:absolute;inset:15% 6% 3%;container-type:inline-size}.luh .overlay{pointer-events:none;position:absolute;inset:0}.luh.dropping .board{outline:2px dashed var(--gold);outline-offset:4px;border-radius:6px}.luh .ink{pointer-events:none;mix-blend-mode:multiply;will-change:transform;width:100%;height:100%;position:absolute;inset:0}.luh .ink.live{pointer-events:auto;touch-action:none;cursor:pointer}.luh.held .ink.live,.luh .ink.drawing{cursor:crosshair}.luh .empty{letter-spacing:.04em;color:#7e7053;opacity:.7;pointer-events:none;justify-content:center;align-items:center;font-size:12.5px;display:flex;position:absolute;inset:0}.luh .lockbadge{color:#f3ebdd;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:#3c301e8c;border-radius:999px;padding:3px 9px;font-size:10.5px;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.luh .card{transition:none}}.lawhmode{z-index:400;overscroll-behavior:contain;background:#2b241b;position:fixed;inset:0;overflow:hidden auto}.lawhmode-board{box-sizing:border-box;padding:max(8px, env(safe-area-inset-top)) 0 max(8px, env(safe-area-inset-bottom));justify-content:center;align-items:flex-start;min-height:100%;display:flex}.lawhmode.fit-whole .lawhmode-board{align-items:center;height:100%}.lawhmode .luh{height:auto;max-height:none;margin:0 auto}.lawhmode.fit-whole .luh{width:min(100vw - 8px,44.4444dvh - 7.11111px)}.lawhmode.fit-width .luh{width:100%}.lawhmode-panel{z-index:401;top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));bottom:calc(max(14px, env(safe-area-inset-bottom)) + 74px);overscroll-behavior:contain;background:var(--card);width:340px;color:var(--ink);border-radius:16px;padding:14px 16px;position:fixed;overflow-y:auto;box-shadow:0 12px 32px #00000059}.lawhmode-panel .versepanel .verselist{max-height:none}.lawhmode.with-panel .lawhmode-board{padding-right:356px}.lawhmode.with-panel.fit-whole .luh{width:min(100vw - 364px,44.4444dvh - 7.11111px)}.lawhmode.with-panel .lawhmode-controls{right:356px}@media (max-width:760px){.lawhmode-panel{width:auto;max-height:46dvh;top:auto;left:8px;right:8px}.lawhmode.with-panel .lawhmode-board{padding-right:0}.lawhmode.with-panel.fit-whole .luh{width:min(100vw - 8px,44.4444dvh - 7.11111px)}.lawhmode.with-panel .lawhmode-controls{right:0}}.lawhmode-controls{width:max-content;left:0;right:0;bottom:max(14px, env(safe-area-inset-bottom));z-index:401;box-sizing:border-box;background:#16120ce0;border-radius:16px;flex-wrap:nowrap;justify-content:center;gap:4px;max-width:calc(100vw - 16px);margin:0 auto;padding:6px;display:flex;position:fixed;overflow-x:auto;box-shadow:0 10px 30px #00000059}.lawhmode-controls button{color:#f1eee6;min-width:60px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:7px 8px;font-size:11px;font-weight:600;display:flex}.lawhmode-controls button:hover{background:#ffffff14}.lawhmode-controls button.on{background:#ffffff29}.lawhmode-controls button:disabled{opacity:.35;cursor:default;background:0 0}@media (max-width:480px){.lawhmode-controls{gap:2px;padding:5px 4px}.lawhmode-controls button{min-width:44px;padding:6px 3px;font-size:10px}.lawhmode-controls button span{text-align:center;max-width:52px;line-height:1.15}}.lawhmode-handle{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:401;color:#f1eee6;cursor:pointer;background:#16120c8c;border:0;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:fixed}.btn.sm{border-radius:10px;gap:6px;height:32px;padding:0 12px;font-size:13px}button.linkish{color:var(--lapis);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-weight:600;display:inline-flex}button.linkish:disabled{color:var(--muted);cursor:default}.board-editor{grid-template-columns:minmax(260px,400px) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (max-width:760px){.board-editor{grid-template-columns:1fr}}.boardgrid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.boardtile{border:1px solid var(--rule);background:var(--card);color:inherit;border-radius:12px;align-items:flex-start;gap:10px;min-width:0;padding:10px;text-decoration:none;display:flex}.boardtile:hover{border-color:var(--rule-strong)}.boardtile .t{overflow-wrap:anywhere;font-size:13.5px;font-weight:600;line-height:1.3}.boardtile .m{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.35}.boardtile.removed{opacity:.6}.histline{justify-content:space-between;gap:12px;font-size:13px;line-height:1.4;display:flex}.histline .w{color:var(--muted);white-space:nowrap;font-size:12px}@media (max-width:520px){.histline{flex-direction:column;gap:2px}.histline .w{white-space:normal}}.mushaf{background:var(--mushaf);color:var(--ink-on-paper);box-shadow:inset 0 0 0 6px var(--mushaf), inset 0 0 0 7px #d2cfc5;border:1px solid #d2cfc5;padding:28px 34px;position:relative}.mushaf .ink{pointer-events:none;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.mushaf .ink.drawing{pointer-events:auto;cursor:crosshair;touch-action:none}.mushaf .pagezoom{will-change:transform;transition:transform .22s;position:relative}.mushaf.zoomed{overflow:hidden}@media (prefers-reduced-motion:reduce){.mushaf .pagezoom{transition:none}}.mushaf .head{border-bottom:1px solid #d2cfc5;justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 6px 10px;display:flex}.mushaf .head .label{color:#6b7080}.mushaf .head .surah{font-family:var(--font-arabic);color:#22418f;font-size:20px}.mushaf .lines{direction:rtl;flex-direction:column;gap:2px;line-height:1.9;display:flex}.mushaf .line{white-space:nowrap;flex-direction:row;align-items:baseline;min-height:1.9em;display:flex}.mushaf .line.justified{justify-content:space-between}.mushaf .line.centered{justify-content:center;gap:.3em}.mushaf .line.surah-head,.mushaf .line.basmalah{justify-content:center}.mushaf .line.surah-head .name{font-family:var(--font-arabic);color:#22418f;border:1px solid #d2cfc5;border-radius:4px;padding:0 1.2em;font-size:.8em;line-height:1.7}.mushaf .line.basmalah .bsml{font-family:"QCF2BSML", var(--font-arabic);font-size:1.05em}.mushaf .w{border:2px solid #0000;border-radius:6px;padding:0 2px;display:inline-block;position:relative}.mushaf .w.clickable{cursor:pointer}.mushaf .w.clickable:hover{background:#2b4ba814}.mushaf .w.sel,.mushaf .w.ptr-teacher{background:#e7ecf9;border-color:#2b4ba8}.mushaf .w.ptr-student{background:#f6eedb;border-color:#b8892a}.mushaf .w.jali:after{content:"";background:#b4402f;border-radius:2px;height:3px;position:absolute;bottom:-4px;left:4px;right:4px}.mushaf .w.khafi:after{content:"";background:#c98a1a;border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;bottom:-6px;left:50%}.mushaf .w.pending:after{opacity:.45}.mushaf .end{color:#b8892a;padding:0 2px}.heat{grid-template-columns:repeat(20,14px);gap:3px;display:grid}.heat div{border-radius:2px;width:14px;height:14px}.heat .due{box-shadow:0 0 0 2px var(--gold)}.room{grid-template-columns:minmax(0,1fr) 380px;min-height:calc(100vh - 64px);display:grid}.room .stage{justify-content:center;align-items:flex-start;gap:20px;padding:26px 24px;display:flex}.room .side{background:var(--card);border-left:1px solid var(--rule);flex-direction:column;min-height:0;display:flex}.room .side>section{border-bottom:1px solid var(--rule);padding:14px 20px}.room .side>section:last-child{border-bottom:none;flex-direction:column;flex:1;display:flex}.versepanel .verselist{border:1px solid var(--rule);background:var(--paper);border-radius:12px;max-height:340px;margin-top:8px;overflow-y:auto}.verserow{border-bottom:1px solid var(--rule);cursor:grab;content-visibility:auto;contain-intrinsic-size:auto 54px;-webkit-user-select:none;user-select:none;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 10px;display:grid}.verserow:last-child{border-bottom:none}.verserow.on{background:var(--lapis-tint)}.verserow:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.verserow .ayahno{color:var(--muted);text-align:center;font-size:12px}.verserow .versecell{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:21px;line-height:1.75;display:-webkit-box;overflow:hidden}.verserow .handmark{color:var(--muted);white-space:nowrap;font-size:10.5px;font-weight:600}.verserow .versecell.fallback{opacity:.6}.versepanel .stylebar select{height:30px;font-size:12.5px}.verserow .handmark.has{color:var(--passed)}.versetext{direction:rtl;unicode-bidi:isolate}.versepanel .speeds{border:1px solid var(--rule);border-radius:10px;margin-inline-start:auto;display:inline-flex;overflow:hidden}.versepanel .speeds button{background:var(--card);height:30px;color:var(--muted);border:0;padding:0 8px;font-size:12px;font-weight:600}.versepanel .speeds button.on{background:var(--lapis-tint);color:var(--lapis-dark)}.deskgrid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:5px;display:grid}.deskcell{border:1px solid var(--rule);background:var(--card);height:30px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:8px;font-size:12px;font-weight:600}.deskcell.on{box-shadow:0 0 0 2px var(--lapis);color:var(--ink)}.deskcell.confirmed{background:var(--passed-tint);color:var(--passed);border-color:#0000}.deskcell.waiting{background:var(--gold-tint);color:var(--gold);border-color:#0000}.deskcell.refused{background:var(--jali-tint);color:var(--jali);border-color:#0000}.deskcell.others{border-color:var(--passed)}@media (max-width:900px){.content.desk{grid-template-columns:minmax(0,1fr)!important}}.desk .luh{max-height:none}.luh .guide{color:#3a2a1845;text-align:right;direction:rtl}.tools{flex-direction:column;align-items:center;gap:10px;padding-top:6px;display:flex}.tools button{border:1px solid var(--rule);background:var(--card);width:44px;height:44px;color:var(--muted);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.tools button.on{background:var(--lapis-tint);color:var(--lapis-dark);border-color:#0000}.tools .toolwrap{flex-direction:column;align-items:center;gap:8px;display:flex}.tools .pop{border:1px solid var(--rule);background:var(--card);border-radius:14px;width:196px;padding:11px;box-shadow:0 10px 24px #161b2b14}.tools .pop .btn,.tools .pop .input,.tools .pop .nibbtn{height:32px}.tools .pop .btn{padding:0 10px;font-size:13px}.tools .pop .input{min-width:0;padding:0 8px;font-size:13.5px}.tools .pop .nibbtn{border:1px solid var(--rule);background:var(--card);width:100%;color:var(--ink);border-radius:10px;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:6px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.tools .pop .nibbtn.on{background:var(--lapis-tint);color:var(--lapis-dark);border-color:#0000}.tools .pop .linkish{width:100%;height:30px;color:var(--lapis);text-align:left;background:0 0;border:none;padding:0 2px;font-size:12.5px;font-weight:600}.tools .pop .nib{border-radius:999px;flex:none}.tools .pop .nib.pen{background:#2b4ba8;width:18px;height:3px}.tools .pop .nib.highlighter{background:#c98a1a55;border-radius:3px;width:18px;height:11px}.tools .pop .nib.eraser{background:var(--paper);border:1.5px solid var(--rule-strong);border-radius:3px;width:14px;height:12px}.tools .pop .swatches{flex-wrap:wrap;gap:7px;padding:2px 2px 8px;display:flex}.tools .pop .swatch{cursor:pointer;border:1px solid #161b2b2e;border-radius:999px;flex:none;width:20px;height:20px;padding:0}.tools .pop .swatch.on{box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--ink)}.tools .pop .swatch:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.tools .pop .nibs{gap:6px;padding:0 2px 8px;display:flex}.tools .pop .nibsize{border:1px solid var(--rule);background:var(--card);min-height:46px;color:var(--muted);letter-spacing:.02em;cursor:pointer;border-radius:8px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;padding:6px 2px 5px;font-size:10.5px;display:flex}.tools .pop .nibsize.on{background:var(--lapis-tint);color:var(--lapis-dark);border-color:#0000}.tools .pop .nibsize:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.tile{background:radial-gradient(90px 90px at 50% 40%, var(--slate-2), var(--slate));width:132px;height:170px;color:var(--chalk);border-radius:14px;position:relative;overflow:hidden}.tile span{justify-content:space-between;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.tile.self{height:92px}.tile.self.off{background:var(--paper);border:1px solid var(--rule);justify-content:center;align-items:center;display:flex}.tile.self.off span{justify-content:center;position:static}.tile.self .switchcam{background:#161b2b80;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:absolute;inset:6px 6px auto auto}.tile.self:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.agenda-row{align-items:center;gap:10px;padding:8px 0;display:flex}.agenda-row .dot{border:1.5px solid var(--rule-strong);cursor:pointer;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.agenda-row .dot.done{background:var(--passed);border-color:var(--passed);color:#fff}.agenda-row .dot.now{background:var(--lapis);border-color:var(--lapis)}.flag{border-top:1px solid var(--rule);align-items:center;gap:10px;padding:10px 0;display:flex}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.grid-cols{grid-template-columns:var(--cols,minmax(0, 1fr));gap:20px;display:grid}.room .stage>.mushaf-col{flex:0 560px;width:560px;min-width:0;max-width:100%}.room .stage>.stage-right{flex-direction:column;flex:none;gap:12px;width:132px;padding-top:6px;display:flex}.topbar{flex-wrap:wrap;row-gap:8px;height:auto;min-height:64px;padding-top:10px;padding-bottom:10px}@media (max-width:1440px){.room{grid-template-columns:minmax(0,1fr) 320px}.room .side>section{padding:12px 16px}}@media (max-width:1250px){.room .stage{flex-wrap:wrap;gap:14px;padding:16px}.room .stage .tools{flex-direction:row;order:3;justify-content:center;width:100%;padding-top:0}.room .stage .tools>div{align-self:center;margin-left:8px;margin-top:0!important}.room .stage .tools{flex-wrap:wrap}.room .stage .tools .toolwrap{display:contents}.room .stage .tools .pop{order:10;width:100%;max-width:360px;margin:0 auto}}@media (max-width:1100px){.room{grid-template-columns:minmax(0,1fr)}.room .side{border-left:none;border-top:1px solid var(--rule)}}@media (max-width:760px){.rail{--rail-foot:24px;width:64px;padding:14px 6px var(--rail-foot)}.rail a>span:last-child,.rail .out>span:last-child,.rail .maker.railmark span{display:none}.topbar{padding-left:14px;padding-right:14px}.content{padding:16px 14px}.room .stage>.stage-right{flex-direction:row;width:100%}}@media (max-width:560px){.shell{flex-direction:column;min-height:100dvh}.rail{z-index:60;width:auto;height:auto;padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px));border-inline-end:none;border-top:1px solid var(--rule);scrollbar-width:none;flex-direction:row;align-items:stretch;gap:2px;position:fixed;inset:auto 0 0;overflow-x:auto;box-shadow:0 -8px 24px #161b2b0f}.rail::-webkit-scrollbar{display:none}.rail a,.rail form,.rail .out{flex:none;min-width:62px}.rail a,.rail .out{gap:3px;padding:6px 4px}.rail a>span:last-child,.rail .out>span:last-child{font-size:9.5px;line-height:1.1;display:block}.rail .railicon{display:inline-flex}.rail .mono,.rail .railspacer,.rail .railavatar,.rail .maker.railmark{display:none}.rail>.signout{bottom:auto;margin-bottom:0;padding-bottom:0;border-inline-start:1px solid var(--rule);margin-inline-end:-6px;padding-inline-end:6px;inset-inline-end:-6px}.rail.admin>.signout{border-inline-start-color:var(--slate-2)}.main>.maker.foot{padding-bottom:14px;display:flex}.main{padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))}.topbar{gap:10px;padding:10px 14px}.topbar .left,.topbar .right{flex-wrap:wrap;gap:8px;min-width:0}.content{padding:14px 12px}.card{border-radius:14px;padding:13px 14px}.grid3,.grid-cols{grid-template-columns:minmax(0,1fr)}.grid-cols>*,.grid3>*,.card,.main,.content,.room .side>section{min-width:0}.row,.between{flex-wrap:wrap}.btn{height:44px!important}.btn.lg{height:48px!important}.input,select.input,.iconbtn{height:44px}.iconbtn{width:44px}.pick.small,.tag{min-height:44px}.tools .pop .btn,.tools .pop .input,.tools .pop .nibbtn,.tools .pop .linkish{height:44px}input[type=checkbox],input[type=radio]{width:22px;height:22px;accent-color:var(--lapis)}label.row{min-height:44px}.agenda-row .dot{position:relative}.agenda-row .dot:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tools .pop .swatches{grid-template-columns:repeat(3,max-content);gap:14px 12px;display:grid}.tools .pop .swatch{width:32px;height:32px;position:relative}.tools .pop .swatch:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tools .pop .nibsize{min-height:56px;font-size:12px}.input,input,select,textarea{max-width:100%}table.tbl{white-space:nowrap;display:block;overflow-x:auto}.heat{overflow-x:auto}.room .stage{gap:10px;padding:12px 10px}.room .side>section{padding:12px 14px}.mushaf{box-shadow:inset 0 0 0 4px var(--mushaf), inset 0 0 0 5px #d2cfc5;padding:16px 14px}.room .stage>.stage-right{gap:10px}.tile{width:104px;height:134px}.tile.self{height:72px}.tools .pop{width:100%;max-width:none}}.pick{border:1px solid var(--rule-strong);background:var(--card);min-height:44px;color:var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:6px 14px;font-size:13.5px;font-weight:600;display:inline-flex;position:relative}.pick input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.pick:hover{background:var(--paper)}.pick:has(input:checked){background:var(--lapis-tint);border-color:var(--lapis);color:var(--lapis-dark)}.pick:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}.pick.small{border-radius:8px;min-height:34px;padding:4px 10px;font-size:12.5px}.pick.wide{text-align:left;align-items:flex-start;width:100%;padding:10px 12px;font-weight:400;display:flex}.picklist{flex-direction:column;gap:6px;max-height:340px;display:flex;overflow-y:auto}.picklist>*{flex:none}.cols-2{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}@media (max-width:760px){.cols-2{grid-template-columns:minmax(0,1fr)}}