@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(./amiri-quran-arabic-400-normal-wRcqfVJx.woff2) format("woff2"),url(./amiri-quran-arabic-400-normal-CZ144KtP.woff) format("woff")}:root{--bg:#F3F4EF;--surface:#FFFFFF;--surface-2:#F8F7F0;--line:#E1E4DB;--line-2:#CBCFC4;--fg:#1E2421;--fg-2:#3F4943;--muted:#5C665F;--brand:#4A6B5A;--on-brand:#FFFFFF;--on-brand-muted:#D6E3DA;--primary:#4A6B5A;--brand-text:#3D5A4B;--gold:#97692A;--gold-l:#E6CFA0;--gold-soft:#F3EAD8;--gold-fg:#6B4A17;--ok-soft:#E5EEE8;--ok-fg:#35523F;--warn:#A2401F;--warn-soft:#F8E4DA;--warn-fg:#7A2E16;--blue-soft:#E1EAF3;--blue:#2B5C8A;--blue-fg:#1F4466;--scrim:rgba(20,28,24,.5);--toast:#1E2421;--toast-fg:#FFFFFF;--f-display:"Playfair Display", Georgia, "Times New Roman", serif;--f-body:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--f-ar:"Amiri", "Traditional Arabic", "Geeza Pro", serif;color-scheme:light}:root[data-palette=teal]{--bg:#F2F5F5;--surface-2:#F6F8F6;--line:#DEE5E5;--brand:#2B6470;--primary:#2B6470;--brand-text:#245762;--on-brand-muted:#D3E6EA;--ok-soft:#E0EDEF;--ok-fg:#1F4F59}:root[data-palette=indigo]{--bg:#F3F4F8;--surface-2:#F7F7F4;--line:#E0E2EA;--brand:#3A4C7E;--primary:#3A4C7E;--brand-text:#31416E;--on-brand-muted:#D8DEEF;--ok-soft:#E5E9F4;--ok-fg:#2C3B66}:root[data-palette=emerald]{--bg:#F6F2E9;--surface-2:#FBF6EC;--line:#E6E0D3;--brand:#0F4A3C;--primary:#0F4A3C;--brand-text:#0F4A3C;--on-brand-muted:#CFE0D8;--ok-soft:#E3EEE8;--ok-fg:#0F4A3C}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141816;--surface:#1B201D;--surface-2:#1F231D;--line:#2B322D;--line-2:#3A433D;--fg:#E3E7E4;--fg-2:#C3CCC6;--muted:#9AA69F;--brand:#2C3F35;--on-brand:#F2F5F3;--on-brand-muted:#C3D5C9;--primary:#557A66;--brand-text:#A6C7B3;--gold:#D3AE6C;--gold-l:#E6CFA0;--gold-soft:#36301F;--gold-fg:#E8CD96;--ok-soft:#22332A;--ok-fg:#A6C7B3;--warn:#D9805F;--warn-soft:#3A251D;--warn-fg:#F0B096;--blue-soft:#1C2836;--blue:#7AA8D4;--blue-fg:#AFCCE8;--scrim:rgba(0,0,0,.6);--toast:#E3E7E4;--toast-fg:#141816;color-scheme:dark}}:root[data-theme=dark]{--bg:#141816;--surface:#1B201D;--surface-2:#1F231D;--line:#2B322D;--line-2:#3A433D;--fg:#E3E7E4;--fg-2:#C3CCC6;--muted:#9AA69F;--brand:#2C3F35;--on-brand:#F2F5F3;--on-brand-muted:#C3D5C9;--primary:#557A66;--brand-text:#A6C7B3;--gold:#D3AE6C;--gold-l:#E6CFA0;--gold-soft:#36301F;--gold-fg:#E8CD96;--ok-soft:#22332A;--ok-fg:#A6C7B3;--warn:#D9805F;--warn-soft:#3A251D;--warn-fg:#F0B096;--blue-soft:#1C2836;--blue:#7AA8D4;--blue-fg:#AFCCE8;--scrim:rgba(0,0,0,.6);--toast:#E3E7E4;--toast-fg:#141816;color-scheme:dark}@media(prefers-color-scheme:dark){:root[data-palette=teal]:not([data-theme=light]){--bg:#111719;--surface:#182022;--surface-2:#1C2121;--line:#283335;--brand:#1B3B42;--primary:#347887;--brand-text:#9CCDD6;--on-brand-muted:#BCD8DE;--ok-soft:#1B3237;--ok-fg:#9CCDD6}:root[data-palette=indigo]:not([data-theme=light]){--bg:#121419;--surface:#1A1D25;--surface-2:#1E1F1F;--line:#2A2E3A;--brand:#232D4D;--primary:#4B5F9A;--brand-text:#B0BEE6;--on-brand-muted:#C5CDE6;--ok-soft:#222941;--ok-fg:#B0BEE6}:root[data-palette=emerald]:not([data-theme=light]){--bg:#0F1613;--surface:#17211C;--surface-2:#211E16;--line:#2A3630;--brand:#0D3F33;--primary:#1F6E55;--brand-text:#8CCFB2;--on-brand-muted:#B9D2C7;--ok-soft:#1B3A2F;--ok-fg:#9AD8BD}}:root[data-palette=teal][data-theme=dark]{--bg:#111719;--surface:#182022;--surface-2:#1C2121;--line:#283335;--brand:#1B3B42;--primary:#347887;--brand-text:#9CCDD6;--on-brand-muted:#BCD8DE;--ok-soft:#1B3237;--ok-fg:#9CCDD6}:root[data-palette=indigo][data-theme=dark]{--bg:#121419;--surface:#1A1D25;--surface-2:#1E1F1F;--line:#2A2E3A;--brand:#232D4D;--primary:#4B5F9A;--brand-text:#B0BEE6;--on-brand-muted:#C5CDE6;--ok-soft:#222941;--ok-fg:#B0BEE6}:root[data-palette=emerald][data-theme=dark]{--bg:#0F1613;--surface:#17211C;--surface-2:#211E16;--line:#2A3630;--brand:#0D3F33;--primary:#1F6E55;--brand-text:#8CCFB2;--on-brand-muted:#B9D2C7;--ok-soft:#1B3A2F;--ok-fg:#9AD8BD}*{box-sizing:border-box}html,body{margin:0}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.45;-webkit-text-size-adjust:100%}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--brand)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}:focus-visible{outline:3px solid var(--gold-l);outline-offset:2px}h1,h2,h3{margin:0;text-wrap:balance}p{margin:0}.ar{font-family:var(--f-ar);direction:rtl;unicode-bidi:isolate}.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.hdr{background:var(--brand);color:var(--on-brand)}.hdr-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;padding-block:14px 6px}.logo{display:flex;align-items:center;gap:10px}.logo b{font-family:var(--f-display);font-size:22px;font-weight:600}.logo .ar{font-size:22px;color:var(--gold-l)}.logo small{display:block;font-size:12px;color:var(--on-brand-muted)}.me{display:flex;align-items:center;gap:10px;font-size:13px}.me .who{display:flex;flex-direction:column;text-align:right}.me small{color:var(--on-brand-muted);font-size:12px}.av-lg{width:38px;height:38px;border-radius:50%;background:var(--gold-l);color:#2a2412;display:grid;place-items:center;font-weight:800}.out{background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--on-brand);border-radius:8px;padding:8px 10px;font-size:13px;min-height:40px}.tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding-block:4px 0}.tabs::-webkit-scrollbar{display:none}.tabs button{background:none;border:0;color:var(--on-brand-muted);padding:12px 14px;font-weight:700;font-size:14px;border-bottom:3px solid transparent;white-space:nowrap;min-height:44px}.tabs button[aria-current=page]{color:var(--on-brand);border-bottom-color:var(--gold-l)}.demo-bar{background:var(--gold-soft);color:var(--gold-fg);font-size:13px}.demo-bar .wrap{padding-block:8px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}.demo-bar button{background:none;border:0;color:var(--gold-fg);text-decoration:underline;font-weight:700;padding:4px}main.wrap{padding-block:24px 72px;display:flex;flex-direction:column;gap:20px}.title h1{font-family:var(--f-display);font-weight:600;font-size:clamp(26px,4vw,34px);color:var(--brand-text);line-height:1.15}.title p{margin-top:4px;color:var(--muted)}.title .ar{font-size:22px;color:var(--gold)}.head-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;min-width:0}.card h2{font-size:18px;font-weight:800}.sub{margin:4px 0 12px;font-size:13px;color:var(--muted)}.row2{display:flex;flex-wrap:wrap;gap:20px}.row2>*{flex:1 1 300px;min-width:0}.grid-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.kpi{display:flex;flex-direction:column;gap:2px}.kpi .v{font-family:var(--f-display);font-size:36px;line-height:1.1;font-variant-numeric:tabular-nums}.kpi .l,.kpi .h{font-size:13px;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:10px}.empty{padding:18px;border:1px dashed var(--line-2);border-radius:12px;color:var(--muted);text-align:center;font-size:14px}.btn{border:0;border-radius:10px;padding:11px 16px;font-size:14px;font-weight:700;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary{background:var(--primary);color:#fff}.btn-gold{background:var(--gold-l);color:#2a2412}.btn-goldd{background:var(--gold);color:#fff}.btn-out{background:var(--surface);color:var(--brand-text);border:1px solid currentColor}.btn-warn{background:var(--warn);color:#fff}.btn-quiet{background:var(--surface);color:var(--muted);border:1px solid var(--line-2)}.btn-sm{font-size:12.5px;padding:8px 12px;min-height:40px}.link{background:none;border:0;color:var(--brand-text);text-decoration:underline;font-size:13px;font-weight:600;padding:8px;min-height:40px}.link.muted{color:var(--muted);font-weight:500}.list-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 0;border-top:1px solid var(--line)}.grow{flex:1 1 200px;min-width:0}.name{font-weight:700}.name-btn{background:none;border:0;padding:0;font-weight:700;text-align:left;color:var(--fg);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}.meta{font-size:12.5px;color:var(--muted)}.bar{flex:1;height:8px;background:var(--ok-soft);border-radius:99px;overflow:hidden;min-width:80px}.bar i{display:block;height:100%;border-radius:99px}.pct{font-weight:800;font-size:13px;width:44px;font-variant-numeric:tabular-nums}.alert{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--warn-soft);border-radius:12px}.alert .meta{color:var(--warn-fg)}.av{width:38px;height:38px;flex:none;border-radius:50%;background:var(--ok-soft);color:var(--ok-fg);display:grid;place-items:center;font-weight:800}.honor{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:12px}.hc{background:var(--surface-2);border:1px solid var(--gold-l);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px}.tag{font-size:11.5px;font-weight:800;letter-spacing:.07em;color:var(--gold);text-transform:uppercase}.hc .n{font-family:var(--f-display);font-size:20px;color:var(--brand-text)}.hc.best{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.hc.best .tag{color:var(--gold-l)}.hc.best .n{color:var(--on-brand)}.hc.best .meta{color:var(--on-brand-muted)}.banner{border-radius:16px;padding:16px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.banner .grow{flex:1 1 180px}.banner.dark{background:var(--brand);color:var(--on-brand)}.banner.dark .meta{color:var(--on-brand-muted)}.banner.gold{background:var(--surface-2);border:1px solid var(--gold-l)}.banner.gold .meta{color:var(--gold-fg)}.banner b{display:block;font-size:16px}.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip{border:1px solid var(--line-2);background:var(--surface);color:var(--fg-2);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;min-height:40px}.chip[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:800}.chip.err[aria-pressed=true]{background:var(--warn-soft);color:var(--warn-fg);border:2px solid var(--warn)}.g{border-radius:10px;padding:8px 14px;font-size:13px;font-weight:800;min-height:44px;border:1px solid}.g-excellent{background:var(--ok-soft);color:var(--ok-fg);border-color:var(--ok-fg)}.g-good{background:var(--gold-soft);color:var(--gold-fg);border-color:var(--gold)}.g-repeat{background:var(--warn-soft);color:var(--warn-fg);border-color:var(--warn)}.g-off{background:var(--surface);color:var(--fg);border-color:var(--line-2)}.pill{display:inline-block;border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:800;white-space:nowrap;border:0}.done-note{padding:16px;border-radius:12px;background:var(--ok-soft);color:var(--ok-fg);font-weight:700;text-align:center;margin-top:8px}.log{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 14px;border:1px solid var(--line);border-radius:12px}.log .when{font-size:12px;color:var(--muted);margin-left:auto}.note{font-size:13.5px;color:var(--fg-2);flex-basis:100%}.stat{border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:2px}.stat .v{font-family:var(--f-display);font-size:34px;line-height:1.1;font-variant-numeric:tabular-nums}.stat.dark{background:var(--brand);color:var(--on-brand)}.stat.dark .meta{color:var(--on-brand-muted)}.stat.light{background:var(--surface);border:1px solid var(--line)}.stat.light .v{color:var(--gold)}.task{display:flex;align-items:center;gap:14px;width:100%;padding:14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);text-align:left;min-height:64px}.task[aria-pressed=true]{background:var(--ok-soft);border-color:var(--ok-fg)}.box{width:26px;height:26px;flex:none;border-radius:8px;border:2px solid var(--line-2);display:grid;place-items:center;font-weight:800;color:#fff}.task[aria-pressed=true] .box{background:var(--primary);border-color:var(--primary)}.task .t{font-size:13px;font-weight:800;color:var(--gold)}.task .w{font-weight:700}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--fg-2)}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:12px;height:12px;border-radius:3px;display:block}.juz{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin-top:14px}@media(max-width:560px){.juz{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}}.j{aspect-ratio:1/1;max-width:100%;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:15px;border:1px solid var(--line-2);color:var(--muted);background:var(--surface);font-variant-numeric:tabular-nums;padding:0}button.j:hover{border-color:var(--brand-text)}.j.learned{background:var(--primary);border-color:var(--primary);color:#fff}.j.review{background:var(--gold-soft);border-color:var(--gold);color:var(--gold-fg)}.j.current{background:var(--blue-soft);border-color:var(--blue);color:var(--blue-fg)}.msg{padding:14px;border-radius:12px;background:var(--bg);display:flex;flex-direction:column;gap:4px}.fld{display:flex;flex-direction:column;gap:7px}.fld>span,.fld>label{font-size:13px;font-weight:700}.inp{border:1px solid var(--line-2);border-radius:10px;padding:12px;font-size:15px;min-height:44px;background:var(--surface);color:var(--fg);width:100%}textarea.inp{resize:vertical;min-height:100px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));z-index:20}.dialog{background:var(--surface);border-radius:20px;width:100%;max-width:560px;max-height:100%;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.dialog.wide{max-width:820px}.dt{font-family:var(--f-display);font-size:24px;color:var(--brand-text)}.close{width:44px;height:44px;border:0;border-radius:10px;background:var(--bg);font-size:22px;color:var(--fg-2);flex:none}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--toast);color:var(--toast-fg);padding:14px 20px;border-radius:12px;font-size:14px;font-weight:700;z-index:30;max-width:calc(100% - 32px);text-align:center}.toast.error{background:var(--warn);color:#fff}.code{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;font-weight:800;letter-spacing:.08em;background:var(--surface);border:2px solid var(--gold);border-radius:10px;padding:8px 12px;color:var(--fg);user-select:all;-webkit-user-select:all;white-space:nowrap}.table-scroll{overflow-x:auto}table.t{border-collapse:collapse;width:100%;font-size:14px}table.t th{font-size:12px;color:var(--muted);font-weight:700;text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}table.t td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle;font-variant-numeric:tabular-nums}.score{display:inline-block;white-space:nowrap;min-width:54px;text-align:center;border-radius:8px;padding:4px 8px;font-weight:800;font-size:13px}.topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.topic{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);text-align:left}.topic .ar{font-size:20px;color:var(--gold);text-align:right}.topic h3{font-size:17px}.topic .foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:6px}.quiz{max-width:720px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px}.progress{height:6px;border-radius:99px;background:var(--line);overflow:hidden}.progress i{display:block;height:100%;background:var(--gold)}.qcard{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:16px}.qtext{font-size:18px;font-weight:700;line-height:1.4}.example{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:16px 18px;text-align:center}.example .ar{font-size:clamp(26px,5vw,34px);line-height:1.9;display:block}.example mark{background:none;color:var(--warn);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px}.example .src{font-size:12px;color:var(--muted);margin-top:4px}.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 16px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);font-size:16px;min-height:56px}.opt .k{width:28px;height:28px;flex:none;border-radius:8px;background:var(--bg);display:grid;place-items:center;font-weight:800;font-size:13px;color:var(--muted)}.opt.right{background:var(--ok-soft);border:2px solid var(--ok-fg);color:var(--ok-fg);font-weight:700}.opt.wrong{background:var(--warn-soft);border:2px solid var(--warn);color:var(--warn-fg)}.opt-text{flex:1}.opt-text .ar,.ar-inline{font-family:var(--f-ar);font-size:21px}.explain{border-radius:12px;padding:14px 16px;background:var(--bg);font-size:15px}.explain b{display:block;margin-bottom:4px}.result{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.result .big{font-family:var(--f-display);font-size:64px;line-height:1;color:var(--brand-text);font-variant-numeric:tabular-nums}.login{min-height:100vh;display:flex;flex-direction:column}.login-hero{background:var(--brand);color:var(--on-brand);padding-block:48px 64px}.login-hero .ar{font-size:44px;color:var(--gold-l);display:block;line-height:1.3}.login-hero h1{font-family:var(--f-display);font-size:clamp(40px,7vw,64px);font-weight:600;line-height:1}.login-hero p{color:var(--on-brand-muted);max-width:520px;margin-top:12px;font-size:16px}.login-body{margin-top:-36px;padding-bottom:48px}.who-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.who-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px;border-radius:16px;border:1px solid var(--line);background:var(--surface);text-align:left;min-height:120px}.who-card:hover{border-color:var(--brand-text)}.who-card b{font-size:17px}.err-text{color:var(--warn);font-size:14px;font-weight:600}@media(prefers-reduced-motion:no-preference){.opt,.task,.chip,.btn{transition:background-color .15s,border-color .15s}}.mode{background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--on-brand);border-radius:8px;width:40px;height:40px;display:grid;place-items:center;padding:0}.palettes{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.pal{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;border:1px solid var(--line-2);background:var(--surface);text-align:left}.pal[aria-pressed=true]{border:2px solid var(--brand-text);box-shadow:0 0 0 3px var(--ok-soft)}.pal .sw{display:flex;height:40px;border-radius:8px;overflow:hidden}.pal .sw i{flex:1}.pal b{font-size:15px}.sec-switch{display:flex;flex-wrap:wrap;gap:6px}.sec-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:2px 7px;background:var(--bg);color:var(--muted);vertical-align:middle}.rec-card{flex:1;background:var(--gold-soft);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0}.rec-card h2{font-size:18px;font-weight:800;color:var(--gold-fg)}.rec-card .meta{color:var(--gold-fg)}.rec-card .inp{background:var(--surface)}.mic-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.mic{width:84px;height:84px;flex:none;border-radius:50%;border:0;display:grid;place-items:center;background:var(--primary);box-shadow:0 0 0 8px color-mix(in srgb,var(--surface) 60%,transparent)}.mic.on{background:var(--warn)}@media(prefers-reduced-motion:no-preference){.mic.on{animation:micpulse 1.4s ease-in-out infinite}}@keyframes micpulse{50%{box-shadow:0 0 0 16px color-mix(in srgb,var(--warn) 22%,transparent)}}.mic-state{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 200px}.mic-state b{color:var(--gold-fg)}.player{width:100%;max-width:520px;height:44px}.vq-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 0;border-top:1px solid var(--line)}.voice-queue{border-color:var(--gold-l)}.mk-img{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f8e9cc;cursor:zoom-in}.mk-img img{display:block;width:100%;height:auto}.mk-small{max-width:520px}.mk-zoom{cursor:zoom-out}.mk-zoom img{max-width:100%;max-height:100%;border-radius:12px;background:#fff}.mk-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.mk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.mk-fig{margin:0;display:flex;flex-direction:column;gap:8px}.mk-fig figcaption{display:flex;flex-direction:column;gap:4px;font-size:15px}.mk-letters{font-family:var(--f-ar);font-size:28px;line-height:1.3;text-align:right;direction:rtl}.mk-group{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:inherit;font:inherit;cursor:pointer}.mk-group span[aria-hidden]{font-size:22px;color:var(--brand)}.pay-badge{display:inline-block;font-size:12px;font-weight:800;border-radius:999px;padding:3px 10px;white-space:nowrap}.pay-badge.off{background:var(--warn-soft);color:var(--warn-fg)}.pay-badge.soon{background:var(--gold-soft);color:var(--gold-fg)}.pay-badge.ok{background:var(--ok-soft);color:var(--ok-fg)}.pay-st{font-size:13px;font-weight:700}.pay-st.pending{color:var(--gold-fg)}.pay-st.approved{color:var(--ok-fg)}.pay-st.rejected{color:var(--warn-fg)}.pay-how{background:var(--bg);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}.pay-how p{margin:0}.pay-price{font-family:var(--f-display);font-size:26px;font-weight:700;color:var(--brand-text)}.paywall{max-width:620px;margin:8px auto 0}.pay-alert{margin-bottom:16px}.pay-req{flex-wrap:wrap}.owner-tools{display:flex;gap:10px;flex-wrap:wrap}.owner-tools .inp{flex:1 1 220px;width:auto}.btn-warn-text{color:var(--warn)}.pay-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.school-count{font-size:15px;margin:2px 0}.school-count b{font-family:var(--f-display);font-size:22px;color:var(--brand-text)}@media(max-width:520px){.grid-k{grid-template-columns:1fr 1fr}.kpi .v{font-size:30px}}html,body{overflow-x:clip;max-width:100%}body{overflow-wrap:break-word}img,svg,video,audio{max-width:100%}.grow{min-width:0}.name,.meta,.note,.explain,p{overflow-wrap:anywhere}@media(max-width:820px){.inp,input,select,textarea{font-size:16px}}.share-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--f-body);font-size:14px;background:var(--bg);border-radius:12px;padding:14px 16px;margin:0;max-height:40vh;overflow:auto}.share-btns{display:flex;flex-wrap:wrap;gap:10px}.share-btns .btn{flex:1 1 130px;text-align:center;text-decoration:none}.share-wa{background:#25d366;color:#fff}.share-tg{background:#229ed9;color:#fff}.code-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media(max-width:640px){.code{font-size:22px;padding:10px 14px}table.inv thead{display:none}table.inv,table.inv tbody,table.inv tr,table.inv td{display:block;width:100%}table.inv tr{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px}table.inv td{border:0;padding:4px 0}table.inv td[data-l]:before{content:attr(data-l) ": ";color:var(--muted);font-size:13px}}.dialog>.head-row{flex-wrap:nowrap}.dialog>.head-row .close{flex:none}:root{--att-present:#4F9A62;--att-absent:#C8553D;--att-excused:#D8BE8C}.att-nav{display:flex;align-items:center;gap:10px}.att-nav .btn{min-width:44px;font-size:20px;line-height:1}.att-date{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.att-date b{font-size:16px}.att-date .inp{max-width:200px;min-height:38px;padding:6px 10px}.att-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--fg-2)}.att-legend span{display:inline-flex;align-items:center;gap:6px}.att-dot{display:inline-block;width:12px;height:12px;border-radius:50%}.att-dot.att-present{background:var(--att-present)}.att-dot.att-absent{background:var(--att-absent)}.att-dot.att-excused{background:var(--att-excused)}.att-row{border-left:4px solid transparent;padding-left:10px}.att-present-row{border-left-color:var(--att-present)}.att-absent-row{border-left-color:var(--att-absent)}.att-excused-row{border-left-color:var(--att-excused)}.att-btns{display:flex;gap:6px}.att-btn{min-width:58px;min-height:44px;border-radius:10px;border:2px solid var(--line-2);background:var(--surface);color:var(--fg-2);font-weight:800;font-size:13px}.att-btn.att-present[aria-pressed=true]{background:var(--att-present);border-color:var(--att-present);color:#fff}.att-btn.att-absent[aria-pressed=true]{background:var(--att-absent);border-color:var(--att-absent);color:#fff}.att-btn.att-excused[aria-pressed=true]{background:var(--att-excused);border-color:#b99b62;color:#3b2e14}.att-btn.att-present{border-color:color-mix(in srgb,var(--att-present) 45%,var(--line-2))}.att-btn.att-absent{border-color:color-mix(in srgb,var(--att-absent) 45%,var(--line-2))}.att-btn.att-excused{border-color:color-mix(in srgb,var(--att-excused) 70%,var(--line-2))}table.att-grid{border-collapse:separate;border-spacing:0;font-size:12px}table.att-grid th{font-weight:700;color:var(--muted);padding:4px 2px;text-align:center;min-width:24px}table.att-grid th.att-today{color:var(--brand-text)}table.att-grid td{padding:2px;text-align:center}.att-name{position:sticky;left:0;background:var(--surface);text-align:left!important;white-space:nowrap;padding-right:10px!important;font-weight:600;font-size:13px;z-index:1;max-width:150px;overflow:hidden;text-overflow:ellipsis}.att-cell{width:20px;height:20px;border-radius:5px;border:1px solid var(--line);background:var(--bg);padding:0;display:block;margin:auto}.att-cell:disabled{opacity:.35}.att-cell.att-present{background:var(--att-present);border-color:var(--att-present)}.att-cell.att-absent{background:var(--att-absent);border-color:var(--att-absent)}.att-cell.att-excused{background:var(--att-excused);border-color:#b99b62}.att-sum{font-weight:800;font-variant-numeric:tabular-nums;min-width:22px}@media(max-width:520px){.att-row{flex-wrap:wrap}.att-btns{width:100%}.att-btn{flex:1}}.ayah-card{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-end;margin-bottom:18px;border:2px solid var(--gold-l);background:linear-gradient(135deg,var(--surface),var(--gold-soft))}.ayah-card h2{margin:6px 0 4px}.example .ar{font-family:Amiri Quran,Amiri,serif;line-height:2.2}.dua{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;background:linear-gradient(160deg,var(--surface) 55%,var(--gold-soft));border:1px solid var(--gold-l)}.dua-h{color:var(--gold);font-size:20px}.dua-ar{font-family:Amiri Quran,Amiri,serif;font-size:clamp(22px,5.4vw,30px);line-height:2.1;text-align:center;margin:4px 0;color:var(--fg)}.dua-when{margin:-2px 0 0;text-align:center;color:var(--gold);font-size:13px;font-weight:600;letter-spacing:.01em}.dua-ar.long{font-size:clamp(19px,4.4vw,24px);line-height:2}.dua-tr{font-style:italic;color:var(--fg-2);margin:0;text-align:center}.dua-ru{margin:0;text-align:center;font-size:16px}.dua-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.ayah-tr{border-left:3px solid var(--gold-l);padding:4px 0 4px 12px}.ayah-tr p{margin:4px 0 0;font-size:15px;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:root{--mp-paper:#FFFDF6;--mp-edge:#C9B48A;--mp-ink:#1E2421;--mp-gold:#8A6320;--mp-bg:#EFE7D6;--mp-frame1:#F1E8D3;--mp-frame2:#E3D3B0}:root[data-theme=dark]{--mp-paper:#191C18;--mp-edge:#4A4230;--mp-ink:#ECE8DC;--mp-gold:#D3AE6C;--mp-bg:#101310;--mp-frame1:#2A271D;--mp-frame2:#353021}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--mp-paper:#191C18;--mp-edge:#4A4230;--mp-ink:#ECE8DC;--mp-gold:#D3AE6C;--mp-bg:#101310;--mp-frame1:#2A271D;--mp-frame2:#353021}}.mpf{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;overscroll-behavior:none;background:var(--mp-bg);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px)}.mpf-top{display:flex;align-items:center;gap:6px;padding:6px max(10px,env(safe-area-inset-left,0px));background:var(--surface);border-bottom:1px solid var(--line);flex:none}.mpf-icon{width:44px;height:44px;flex:none;border:0;border-radius:12px;background:none;color:var(--brand-text);font-size:20px;display:grid;place-items:center}.mpf-where{flex:1;min-width:0;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px;color:var(--fg)}.mpf-where b{font-size:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mpf-where span{font-size:12px;color:var(--muted)}.mpf-stage{flex:1;min-height:0;position:relative;display:flex;padding:8px max(8px,env(safe-area-inset-left,0px));touch-action:pan-y;user-select:none;-webkit-user-select:none}.mpf-turn{display:none;position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--mp-edge);background:var(--mp-paper);color:var(--mp-gold);place-items:center;cursor:pointer;z-index:2;box-shadow:0 4px 14px -6px #0000004d}.mpf-turn:hover:not(:disabled){background:var(--mp-frame1)}.mpf-turn:disabled{opacity:.35;cursor:default}.mpf-turn.next{left:max(14px,calc(50% - 430px))}.mpf-turn.prev{right:max(14px,calc(50% - 430px))}@media(hover:hover)and (pointer:fine)and (min-width:900px){.mpf-turn{display:grid}}.mpf-paper{flex:1;min-width:0;max-width:720px;margin:0 auto;display:flex;flex-direction:column;background:var(--mp-paper);color:var(--mp-ink);border:1px solid var(--mp-edge);border-radius:10px;padding:6px 10px 4px;box-shadow:-3px 3px 0 -1px var(--mp-paper),-3px 3px 0 0 var(--mp-edge)}.mp-run{display:flex;justify-content:space-between;align-items:center;color:var(--mp-gold);padding:0 2px;flex:none;line-height:1.5}.mp-run .ar{font-family:var(--f-ar);font-size:16px}.mp-page{flex:1;min-height:0;display:flex;justify-content:center;direction:rtl;overflow:visible}.mp-lines{display:flex;flex-direction:column;justify-content:space-between;font-size:var(--mp-fs,20px);height:100%;max-width:100%}.mp-lines.short{justify-content:center;gap:.35em}.mp-line{display:flex;justify-content:center;white-space:nowrap;line-height:1.62;direction:rtl}.mp-line.full{justify-content:space-between}.mp-line span{cursor:pointer}.mp-line .end{color:var(--mp-gold)}.mp-line span.sel{background:color-mix(in srgb,var(--gold-l) 55%,transparent)}.mp-line span.play{background:color-mix(in srgb,var(--primary) 28%,transparent)}.mp-head{line-height:1.6}.mp-frame{display:block;width:100%;text-align:center;font-size:1.12em;color:var(--mp-gold);border:1px solid var(--mp-edge);border-radius:.25em;background:radial-gradient(circle at 8% 50%,var(--mp-frame2) 0 .32em,transparent .34em),radial-gradient(circle at 92% 50%,var(--mp-frame2) 0 .32em,transparent .34em),linear-gradient(90deg,var(--mp-frame2),var(--mp-frame1) 22%,var(--mp-frame1) 78%,var(--mp-frame2));box-shadow:inset 0 0 0 .12em var(--mp-paper),inset 0 0 0 .16em var(--mp-edge)}.mp-basm{line-height:1.5}.mp-pnum{text-align:center;font-size:15px;color:var(--mp-gold);flex:none;line-height:1.4;font-family:var(--f-ar)}.mp-loading{align-items:center}.mp-ayah{position:absolute;left:12px;right:12px;bottom:12px;max-width:560px;margin:0 auto;background:var(--surface);border:1px solid var(--line-2);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 28px #0000002e;max-height:60%;overflow:auto;z-index:2}.mp-ayah .close{width:36px;height:36px;font-size:20px}.mpf-bottom{flex:none;background:var(--surface);border-top:1px solid var(--line);padding:8px max(12px,env(safe-area-inset-left,0px)) calc(8px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px}.mpf-bottom>*{width:100%;max-width:720px;margin:0 auto}.mp-ctrl{display:flex;align-items:center;gap:8px}.mp-pp{min-width:46px;min-height:42px;padding:6px 12px;font-size:16px}.mp-sel{width:auto;min-width:0;flex:1 1 0;min-height:42px;padding:6px 10px;font-weight:600}.mp-sel.mp-rep{flex:0 0 auto;width:86px}.mp-now{flex:1 1 0;min-width:0;background:none;border:0;padding:0 2px;text-align:left;display:flex;flex-direction:column;line-height:1.25}.mp-now b{color:var(--brand-text);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-now span{font-size:12px;color:var(--muted)}.mp-slider{display:flex;align-items:center;gap:10px}.mp-badge{flex:none;min-width:52px;text-align:center;background:var(--primary);color:#fff;border-radius:999px;padding:2px 10px;font-size:17px;font-family:var(--f-ar);line-height:1.5}.mp-juz{flex:none;font-size:12px;color:var(--muted);min-width:56px;text-align:right;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.mp-slider input[type=range]{flex:1;min-width:0;height:32px;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.mp-slider input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(to left,var(--primary) var(--p),var(--line) var(--p))}.mp-slider input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:linear-gradient(to left,var(--primary) var(--p),var(--line) var(--p))}.mp-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-8px;border-radius:50%;background:var(--surface);border:3px solid var(--primary);box-shadow:0 1px 4px #00000040}.mp-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--surface);border:3px solid var(--primary)}.overlay{z-index:40;color:var(--fg);text-align:left}.toast{z-index:50}@media(max-width:520px){.mpf-stage{padding:6px}.mpf-paper{padding:4px 6px 2px;border-radius:8px}.mp-pg{display:none}}.mp-list{display:flex;flex-direction:column;max-height:55vh;overflow:auto;margin:0 -6px}.mp-sura{display:flex;align-items:center;gap:10px;padding:10px 6px;border:0;border-top:1px solid var(--line);background:none;text-align:left;width:100%}.mp-sura:hover{background:var(--bg)}.mp-num{width:32px;height:32px;flex:none;border-radius:8px;background:var(--gold-soft);color:var(--gold-fg);display:grid;place-items:center;font-weight:800;font-size:13px}.mp-sura-ar{font-size:19px;color:var(--gold)}.mp-pg{width:58px;text-align:right;flex:none}.mp-pgform{display:flex;flex-direction:column;gap:12px}.lg-book{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--mp-paper);color:var(--mp-ink);border:1px solid var(--mp-edge);border-radius:6px 14px 14px 6px;box-shadow:0 1px 0 var(--mp-paper),0 3px 0 -1px var(--mp-paper),0 3px 0 0 var(--mp-edge),0 6px 0 -2px var(--mp-paper),0 6px 0 -1px var(--mp-edge),0 18px 30px -18px #3c2d0f59;margin-bottom:24px}.lg-book:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:46px;transform:translate(-50%);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(120,90,40,.1) 40%,rgba(120,90,40,.22) 50%,rgba(120,90,40,.1) 60%,transparent)}.lg-page{position:relative;padding:30px 30px 58px;min-width:0}.lg-page:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid var(--mp-edge);border-radius:4px;pointer-events:none;box-shadow:inset 0 0 0 3px var(--mp-paper),inset 0 0 0 4px var(--mp-edge);opacity:.8}.lg-head{text-align:center;margin-bottom:18px}.lg-head .ar{display:block;font-size:26px;color:var(--mp-gold);line-height:1.3}.lg-head h2{font-family:var(--f-display);font-size:24px;margin:2px 0}.lg-head.small h2{font-size:21px}.lg-head p{color:var(--muted);font-size:13px;margin:0}.lg-head:after{content:"❖";display:block;color:var(--mp-gold);font-size:13px;letter-spacing:10px;margin-top:8px;opacity:.8}.lg-rings{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.lg-ring{position:relative;margin:0;width:150px;text-align:center}.lg-ring svg{width:150px;height:150px;display:block}.lg-ring-dots{fill:none;stroke:var(--mp-edge);stroke-width:1.2;stroke-dasharray:1.5 5.2}.lg-ring-track{fill:none;stroke:var(--mp-frame1);stroke-width:11}.lg-ring-val{fill:none;stroke-width:11;stroke-linecap:round;transition:stroke-dasharray .8s cubic-bezier(.2,.8,.2,1)}.lg-ring.lesson .lg-ring-val{stroke:var(--primary)}.lg-ring.att .lg-ring-val{stroke:var(--mp-gold)}.lg-ring-num{position:absolute;top:0;left:0;width:150px;height:150px;display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-size:38px;font-weight:700;line-height:1}.lg-ring-num small{font-size:17px;margin-left:1px;color:var(--muted)}.lg-ring figcaption{display:flex;flex-direction:column;margin-top:4px}.lg-ring figcaption b{font-size:14px}.lg-ring figcaption span{font-size:12px;color:var(--muted)}.lg-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 4px 0;border-top:1px solid var(--mp-edge);border-bottom:1px solid var(--mp-edge)}.lg-facts div{display:flex;flex-direction:column;align-items:center;padding:10px 4px;text-align:center}.lg-facts div+div{border-left:1px dashed var(--mp-edge)}.lg-facts b{font-family:var(--f-display);font-size:22px}.lg-facts span{font-size:12px;color:var(--muted)}.lg-pulse{margin-top:18px}.lg-cap{font-size:13px;font-weight:700;margin-bottom:8px}.lg-cap span{font-weight:500;color:var(--muted);margin-left:6px}.lg-cols{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:2px;height:70px;align-items:end}.lg-col{position:relative;height:100%;display:flex;align-items:flex-end}.lg-col i{display:block;width:100%;border-radius:2px 2px 0 0;background:var(--line-2)}.lg-col em{position:absolute;left:50%;top:-9px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--primary)}.lg-hi{background:var(--primary)!important}.lg-mid{background:var(--mp-gold)!important}.lg-lo{background:var(--warn)!important}.lg-none{background:var(--line-2)!important}.lg-list,.lg-sub{list-style:none;margin:0;padding:0}.lg-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 4px;border:0;border-bottom:1px dashed var(--mp-edge);background:none;color:inherit;text-align:left;font:inherit}.lg-row.btn-like{cursor:pointer;border-radius:6px}.lg-row.btn-like:hover{background:var(--mp-frame1)}.lg-who{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.lg-who b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lg-who small{font-size:12px;color:var(--muted)}.lg-bars{flex:0 0 46%;display:flex;flex-direction:column;gap:5px}.lg-bar{display:grid;grid-template-columns:50px 1fr 38px;align-items:center;gap:6px;font-size:11.5px}.lg-bar .l{color:var(--muted)}.lg-bar .t{height:7px;border-radius:9px;background:var(--mp-frame1);overflow:hidden;box-shadow:inset 0 0 0 1px var(--mp-frame2)}.lg-bar .t i{display:block;height:100%;border-radius:9px;transition:width .7s cubic-bezier(.2,.8,.2,1)}.lg-bar.att .t i.lg-hi{background:var(--mp-gold)!important}.lg-bar .v{text-align:right;font-weight:800;font-variant-numeric:tabular-nums}.lg-n{width:34px;flex:none;text-align:center;color:var(--muted);font-weight:700;font-size:13px}.lg-dot{width:34px;flex:none;display:flex;justify-content:center}.lg-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mp-edge)}.lg-sub{margin:0 0 6px 18px;border-left:2px solid var(--mp-frame2);padding-left:6px}.lg-sub .lg-row{padding:8px 4px}.lg-star{position:relative;flex:none;display:grid;place-items:center}.lg-star svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.lg-star rect{fill:var(--mp-frame1);stroke:var(--mp-gold);stroke-width:1.3}.lg-star b{position:relative;font-family:var(--f-ar);font-size:17px;color:var(--mp-gold);line-height:1}.lg-star.m0 rect{fill:var(--mp-gold)}.lg-star.m0 b{color:var(--mp-paper)}.lg-note{font-size:12px;color:var(--muted);margin:14px 0 0;line-height:1.5}.lg-folio{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-family:var(--f-ar);color:var(--mp-gold);font-size:16px}@media(max-width:760px){.lg-book{grid-template-columns:1fr;border-radius:10px}.lg-book:before{display:none}.lg-right{border-top:1px solid var(--mp-edge)}.lg-page{padding:26px 22px 56px}.lg-ring,.lg-ring svg,.lg-ring-num{width:132px}.lg-ring svg,.lg-ring-num{height:132px}.lg-row{flex-wrap:wrap}.lg-bars{flex:1 1 100%;padding-left:46px}}.rv-today{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}.rv-today>div{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.rv-pages{font-family:var(--f-display);font-size:22px}.rv-cycle{display:flex;flex-direction:column;gap:6px}.rv-cycle-bar{display:block;height:8px;border-radius:9px;background:var(--line);overflow:hidden}.rv-cycle-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--primary),var(--gold));transition:width .6s}.rv-cycle-bar.sm{width:70px;display:inline-block;vertical-align:middle;margin-right:6px;height:6px}.rv-next summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--brand-text)}.rv-next ol{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:14px}.rv-next .meta{display:inline-block;width:64px}.rv-wrap{padding:6px 0 12px;overflow-x:auto}.rv-table{width:100%;border-collapse:collapse;font-size:14px}.rv-table th{text-align:left;font-size:12px;color:var(--muted);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.rv-table td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}.rv-table tr:last-child td{border-bottom:0}.rv-name{min-width:150px}.rv-now{min-width:240px}.rv-portion{display:block;font-weight:700;margin-bottom:6px}.rv-grades{display:flex;gap:6px;flex-wrap:wrap}.rv-g{border:1px solid var(--line-2);background:var(--surface);color:var(--fg-2);border-radius:999px;padding:6px 11px;font-size:12.5px;font-weight:700;min-height:34px;cursor:pointer}.rv-g.g-excellent[aria-pressed=true]{background:var(--primary);color:var(--on-brand);border-color:var(--primary)}.rv-g.g-good[aria-pressed=true]{background:var(--gold);color:#fff;border-color:var(--gold)}.rv-g.g-repeat[aria-pressed=true]{background:var(--warn);color:#fff;border-color:var(--warn)}.rv-strip{display:flex;gap:4px}.rv-cell{display:inline-block;width:18px;height:18px;border-radius:5px;background:var(--line);border:1px solid transparent;flex:none;vertical-align:middle}.rv-cell.g-excellent{background:var(--primary);border-color:var(--primary)}.rv-cell.g-good{background:var(--gold);border-color:var(--gold)}.rv-cell.g-repeat{background:var(--warn);border-color:var(--warn)}.rv-cell.now{outline:2px solid var(--gold-l);outline-offset:1px}.rv-cyc{white-space:nowrap}.rv-pace select{min-height:38px;padding:6px 8px;font-size:13px;width:auto}.rv-legend{padding:12px 12px 0;line-height:1.9}.rv-legend .rv-cell{width:12px;height:12px;margin:0 3px 0 8px}.rv-legend .rv-cell:first-child{margin-left:0}@media(max-width:760px){.rv-table thead{display:none}.rv-table,.rv-table tbody,.rv-table tr,.rv-table td{display:block;width:100%}.rv-table tr{padding:12px 14px;border-bottom:1px solid var(--line)}.rv-table td{border:0;padding:4px 0}.rv-name{font-size:15px}.rv-days,.rv-cyc,.rv-pace{display:inline-block!important;width:auto!important;margin-right:12px}.rv-cell{width:16px;height:16px}}.mode.bell.off{opacity:.75}.nt-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:14px}.nt-note{margin:0;padding:10px 12px;border-radius:10px;background:var(--gold-soft);color:var(--gold-fg);font-size:13.5px;line-height:1.5}.nt-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nt-banner{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:16px;border-radius:14px;background:var(--surface);border:1px solid var(--gold-l);box-shadow:0 2px 10px -6px #0003}.nt-banner>svg{flex:none;color:var(--gold)}.nt-banner .grow{display:flex;flex-direction:column;gap:2px;min-width:0}.nt-banner .grow span{font-size:13px;color:var(--muted)}