:root{--ink: #191b17;--muted: #576052;--soft: #4f574b;--faint: #9aa396;--surface: #fcfdf9;--alt: #f1f3f0;--line: rgba(15, 42, 29, .07);--line2: rgba(15, 42, 29, .12);--field: rgba(15, 42, 29, .14);--scrim: rgba(8, 14, 10, .38);--navyDeep: #0a1524;--navy: #2e5480;--navyYours: #2a4f79;--navyTint: #e0e8f5;--navyEdge: rgba(18, 42, 70, .4);--green: #2e5647;--greenDeep: #1f4436;--greenTint: #deeae4;--plum: #4e3459;--plumTint: #ece4f0;--gold: #c9a24a;--goldSoft: #e8c880;--goldTint: #f7f3e8;--goldDeep: #7a5e12;--danger: #9e2f2f;--dangerTint: #f6e6e4;--g-navy: linear-gradient(150deg, #0a1524, #2e5480);--g-plum: linear-gradient(150deg, #2a1b32, #4e3459);--g-green: linear-gradient(150deg, #17342a, #2e5647);--f: Manrope, Helvetica, Arial, sans-serif}body{margin:0;font-family:var(--f);color:var(--ink);background:var(--surface)}*{box-sizing:border-box}a{color:var(--navy)}a:hover{color:var(--navyDeep)}button{font-family:var(--f);cursor:pointer}input,textarea{font-family:var(--f)}.ic{display:inline-block;flex-shrink:0}.nav{display:flex;align-items:center;gap:12px;height:40px;padding:0 14px;border-radius:20px;border:0;background:transparent;width:100%;text-align:left;font-size:13.5px;font-weight:600;color:#ffffffc7;text-decoration:none}.nav:hover{background:#ffffff14;color:#fff}.nav.on{background:#ffffff29;color:#fff;font-weight:700}.nav .badge{margin-left:auto;min-width:22px;height:22px;border-radius:11px;background:var(--gold);color:var(--navyDeep);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 7px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.eyebrow.ond{color:#ffffff73}.h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1.2}.sub{margin:4px 0 0;font-size:13.5px;font-weight:500;color:var(--muted);line-height:1.5}.h2{margin:0;font-size:16px;font-weight:800;letter-spacing:-.2px;line-height:1.3}.meta{font-size:12px;font-weight:500;color:var(--muted);line-height:1.35}.btn{height:40px;padding:0 20px;border-radius:20px;border:0;background:var(--navy);color:#fff;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;box-shadow:0 2px 10px #0000001f}.btn:active{opacity:.7}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:var(--alt);color:var(--ink);box-shadow:none}.btn.line{background:transparent;border:1px solid var(--line2);color:var(--ink);box-shadow:none}.btn.danger{background:var(--danger)}.btn.dline{background:transparent;border:1px solid var(--line2);color:var(--danger);box-shadow:none}.btn.plum{background:var(--plum)}.btn.green{background:var(--green)}.btn.sm{height:34px;padding:0 15px;border-radius:17px;font-size:12.5px}.chip{height:34px;padding:0 15px;border-radius:17px;border:1px solid var(--line2);background:transparent;color:var(--ink);font-size:12.5px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}.seg{display:inline-flex;background:var(--alt);border-radius:17px;padding:3px;gap:2px}.seg button{height:30px;padding:0 16px;border:0;border-radius:15px;background:transparent;font-size:12.5px;font-weight:700;color:var(--muted)}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px #0f2a1d1f}.seg button:disabled{color:var(--faint);cursor:not-allowed}.panel{border-radius:24px;background:#fff;padding:22px;box-shadow:0 10px 24px #b6beb32e;border:1px solid var(--line)}.tile{border-radius:20px;padding:16px 18px;background:#fff;box-shadow:0 10px 24px #b6beb329;border:1px solid var(--line)}.tile .l{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);line-height:1.35}.tile .v{font-size:26px;font-weight:800;letter-spacing:-.5px;margin-top:8px;line-height:1.1;color:var(--navy)}.tile .d{font-size:12px;font-weight:600;color:var(--muted);margin-top:6px}.tbl{width:100%;border-collapse:collapse}.tbl th{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line2);white-space:nowrap}.tbl td{padding:13px 12px;border-bottom:1px solid var(--line);font-size:13px;font-weight:500;vertical-align:middle}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:var(--alt)}.t{font-weight:700;font-size:13.5px}.pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:12px;font-size:11px;font-weight:700;white-space:nowrap}.pill.q{background:var(--navyTint);color:var(--navyYours)}.pill.s{background:var(--greenTint);color:var(--greenDeep)}.pill.c{background:var(--plumTint);color:var(--plum)}.pill.n{background:var(--alt);color:var(--soft)}.pill.g{background:var(--goldTint);color:var(--goldDeep)}.pill.d{background:var(--dangerTint);color:var(--danger)}.pill.ond{background:#ffffff29;color:#fff}.st{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--faint)}.dot.att{background:var(--danger)}.dot.prog{background:var(--navy)}.dot.ok{background:var(--green)}.dot.n{background:var(--faint)}.dot.gold{background:var(--gold)}.bar{height:6px;border-radius:3px;background:var(--alt);overflow:hidden}.bar i{display:block;height:100%;border-radius:3px;background:var(--navy)}.bar.s i{background:var(--green)}.row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.row:first-child{border-top:0}.rowbtn{display:flex;align-items:center;gap:12px;padding:13px 0;border:0;border-top:1px solid var(--line);background:transparent;width:100%;text-align:left;font-size:13px;color:var(--ink)}.rowbtn:first-child{border-top:0}.rowbtn:hover .rt{color:var(--navy)}.av{width:34px;height:34px;border-radius:50%;background:var(--navy);color:var(--surface);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0}.bub{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bub.q{background:var(--navyTint);color:var(--navy)}.bub.s{background:var(--greenTint);color:var(--green)}.bub.c{background:var(--plumTint);color:var(--plum)}.bub.d{background:var(--dangerTint);color:var(--danger)}.bub.g{background:var(--goldTint);color:var(--goldDeep)}.toggle{width:44px;height:26px;border-radius:14px;border:1px solid var(--line2);background:var(--alt);position:relative;flex-shrink:0;padding:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 10px #0000001f;transition:left .18s cubic-bezier(.2,.8,.3,1)}.toggle.on{background:var(--navy);border-color:var(--navy)}.toggle.on:after{left:20px}.input{height:44px;border-radius:15px;border:1px solid var(--field);padding:0 15px;font-size:13.5px;font-weight:500;color:var(--ink);background:#fff;width:100%;outline:none}.input:focus{border-color:var(--navy)}.input::placeholder{color:var(--faint)}textarea.input{height:auto;padding:12px 15px;line-height:1.55;resize:none}.lbl{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:block}.hint{font-size:12px;font-weight:500;color:var(--muted);margin:7px 0 0;line-height:1.45}.juz{aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;font-weight:800;line-height:1;gap:2px}.juz small{font-size:9px;font-weight:700}.juz.read{background:var(--navyYours);color:#fff}.juz.claimed{background:var(--navyTint);border:1px solid var(--navyEdge);color:var(--navyYours)}.juz.stalled{background:#fff;border:2px solid var(--danger);color:var(--danger)}.juz.open{background:var(--alt);border:1px dashed rgba(15,42,29,.25);color:var(--soft)}.lg{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--muted)}.lg i{width:12px;height:12px;border-radius:50%;display:inline-block}.kbd{font-size:11px;font-weight:700;color:var(--muted);background:#fff;border:1px solid var(--line2);border-radius:6px;padding:2px 6px}.scroll::-webkit-scrollbar{width:10px}.scroll::-webkit-scrollbar-thumb{background:var(--line2);border-radius:5px;border:3px solid transparent;background-clip:padding-box}.msg{padding:14px 16px;border-radius:18px;background:var(--alt);font-size:13px;line-height:1.55}.msg.me{background:var(--navyTint)}.note{padding:13px 16px;border-radius:18px;background:var(--goldTint);font-size:12.5px;line-height:1.55;color:var(--goldDeep);font-weight:500}.note.danger{background:var(--dangerTint);color:var(--danger)}.field{display:flex;flex-direction:column}.picker{display:flex;align-items:center;gap:10px;height:44px;border-radius:15px;border:1px solid var(--field);padding:0 14px;background:#fff;width:100%;text-align:left;font-size:13.5px;font-weight:600;color:var(--ink)}.plist{margin-top:8px;border:1px solid var(--line2);border-radius:18px;background:#fff;box-shadow:0 10px 24px #b6beb340;overflow:hidden}.popt{display:flex;align-items:center;gap:10px;width:100%;padding:9px 14px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;font-size:13px;font-weight:600;color:var(--ink)}.popt:hover{background:var(--alt)}.sw{width:30px;height:30px;border-radius:50%;border:0;padding:0}.menu{position:absolute;top:52px;right:0;width:260px;background:#fff;border-radius:20px;box-shadow:0 18px 40px #080e0a2e;border:1px solid var(--line);padding:8px;z-index:5}.mitem{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:0;border-radius:14px;background:transparent;text-align:left}.mitem:hover{background:var(--alt)}