@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.auth-split{display:flex;min-height:100vh}.auth-brand{width:42%;min-width:380px;background:linear-gradient(155deg,#1f7a64,#123f33);color:#fff;padding:48px 52px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 12%,rgba(201,162,74,.22),transparent 45%)}.auth-brand>*{position:relative}.auth-brand-logo{display:flex;align-items:center;gap:11px}.auth-brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(#e9c877,#cda23f);display:flex;align-items:center;justify-content:center;font-family:var(--font-arabic);font-size:24px;color:#1f3b32;font-weight:700}.auth-brand-word{font-family:var(--font-heading);font-size:22px;font-weight:600;letter-spacing:.01em}.auth-brand-arabic{font-family:var(--font-arabic);font-size:88px;line-height:1;color:#fffffff5}.auth-brand-title{font-family:var(--font-heading);font-size:30px;font-weight:600;line-height:1.25;margin:22px 0 0;max-width:380px}.auth-brand-sub{font-size:15px;color:#ffffffb8;line-height:1.6;margin:14px 0 0;max-width:360px}.auth-brand-trust{display:flex;align-items:center;gap:9px;font-size:13px;color:#fff9;margin:0}.auth-brand-trust:before{content:"";width:7px;height:7px;border-radius:50%;background:#7fe0c0;flex:none}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-form{width:100%;max-width:404px;animation:fadeUp .4s ease}.auth-eyebrow{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.auth-form h1{font-size:31px;margin:8px 0 6px;line-height:1.15}.auth-sub{font-size:15px;color:var(--muted);margin:0 0 26px}.auth-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--muted-3);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;margin-bottom:18px;padding:0}.role-cards{display:flex;flex-direction:column;gap:12px}.role-card{display:flex;align-items:center;gap:15px;text-align:start;background:var(--surface);border:1.5px solid var(--border-4);border-radius:15px;padding:17px 18px;cursor:pointer;font-family:inherit;color:inherit;transition:border-color .15s,box-shadow .15s}.role-card:hover{border-color:#2a8f76;box-shadow:0 10px 26px -16px #1f7a6499}.role-card-icon{width:46px;height:46px;flex:none;border-radius:13px;display:flex;align-items:center;justify-content:center}.role-card-icon.teacher{background:#1f7a641a}.role-card-icon.parent{background:#b8923f1f}.role-card-icon.student{background:#9a6b3f1f}.role-card-icon.institute{background:#5a6fa01f}.role-card-body{flex:1}.role-card-title{font-size:16px;font-weight:700}.role-card-sub{font-size:13px;color:var(--muted-3);margin-top:1px}.auth-fields{display:flex;flex-direction:column;gap:12px}.auth-field label{display:block;font-size:13px;font-weight:600;color:#5a4d33;margin-bottom:6px}.auth-field input{width:100%;padding:13px 14px;border:1.5px solid var(--border-3);border-radius:11px;font:15px var(--font-ui);background:var(--surface-inset);color:inherit}.auth-field input:focus{outline:none;border-color:#2a8f76;background:#fff}.auth-field input::placeholder{color:#a89e88}.field-hint{font-size:12.5px;color:var(--red);margin:6px 0 0}.btn-primary{width:100%;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--teal-gradient);color:#fff;border:none;border-radius:var(--radius-button);padding:14px;font:700 15px var(--font-ui);cursor:pointer;box-shadow:0 12px 26px -12px #145a4699}.btn-primary:disabled{opacity:.6;cursor:default}.auth-error{margin:14px 0 0;padding:11px 13px;border-radius:11px;background:var(--red-tint);color:var(--red);font-size:13.5px;font-weight:600}.auth-note{margin:0 0 18px;padding:11px 13px;border-radius:11px;background:var(--gold-tint);color:var(--gold-dark);font-size:13.5px;font-weight:600}.auth-footer{font-size:14px;color:var(--muted);text-align:center;margin:24px 0 0}.auth-footer button{background:none;border:none;color:var(--teal);font-weight:700;font-size:14px;cursor:pointer;font-family:inherit;white-space:nowrap;padding:0}.auth-legal{font-size:12px;color:var(--muted-3);text-align:center;margin:14px 0 0;line-height:1.5}.invite-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.invite-card{width:100%;max-width:520px;background:var(--surface);border:1px solid var(--border-3);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:40px;animation:fadeUp .4s ease}.invite-banner{background:var(--teal-tint);border-radius:11px;padding:14px 16px;margin:0 0 22px}.invite-banner-eyebrow{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin:0 0 4px}.invite-banner-line{font-size:14px;color:var(--teal-dark);margin:0}.auth-password-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.auth-password-label label{margin-bottom:0}.auth-forgot{font-size:12px;color:var(--teal);font-weight:600}@media (max-width: 860px){.auth-brand{display:none}}.family-picker{max-width:720px;margin:40px auto 0;padding:0 20px 60px;text-align:center}.family-pill{display:inline-flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 8px 6px 15px;margin-bottom:24px;font-size:13px;color:var(--muted);box-shadow:var(--shadow-card);white-space:nowrap}.family-pill-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex:none}.family-pill b{color:#3a2f1a}.family-pill-switch{background:var(--gold-tint);border:none;border-radius:var(--radius-pill);padding:5px 12px;font:700 12.5px var(--font-ui);color:var(--gold-dark);cursor:pointer;margin-left:3px}.family-pill-switch:disabled{opacity:.6;cursor:default}.family-picker h1{font-size:32px;margin:0 0 8px}.family-sub{font-size:15px;color:var(--muted);margin:0 0 34px}.family-tiles{display:flex;gap:26px;justify-content:center;flex-wrap:wrap}.family-tile{display:flex;flex-direction:column;align-items:center;gap:13px;background:none;border:none;cursor:pointer;width:128px;font-family:inherit;padding:0}.family-tile-avatar{width:108px;height:108px;border-radius:27px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:700}.family-tile-avatar-gold{background:var(--gold-gradient);box-shadow:0 16px 32px -16px #b8923fbf}.family-tile-avatar-teal{background:linear-gradient(135deg,#7fc9b4,#1f7a64);box-shadow:0 16px 32px -16px #1f7a6499}.family-tile-name{font-size:16px;font-weight:700;color:var(--ink)}.family-tile-role{font-size:12.5px;color:var(--muted-3)}.family-tile-add-avatar{width:108px;height:108px;border-radius:27px;background:var(--parchment);border:2px dashed #cfc6b2;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--muted-3)}.family-tile-add-label{font-size:14px;font-weight:600;color:var(--muted-3)}.family-footer{display:flex;gap:22px;justify-content:center;align-items:center;margin-top:36px}.family-footer-manage{display:inline-flex;align-items:center;gap:7px;background:none;border:none;color:var(--teal);font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit}.family-footer-signout{background:none;border:none;color:var(--muted-3);font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit}.family-footer-signout:disabled{opacity:.6;cursor:default}.kidpin{max-width:330px;margin:40px auto 0;padding:0 20px 60px;text-align:center}.kidpin-avatar{width:84px;height:84px;margin:0 auto 16px;border-radius:24px;background:linear-gradient(135deg,#7fc9b4,#1f7a64);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;box-shadow:0 16px 32px -16px #1f7a6499}.kidpin h1{font-size:25px;margin:0 0 4px}.kidpin-sub{font-size:14.5px;color:var(--muted);margin:0 0 22px}.kidpin-dots{display:flex;gap:15px;justify-content:center;margin-bottom:28px}.kidpin-dot{width:18px;height:18px;border-radius:50%;border:1.5px solid #cfc6b2;background:transparent;transition:background .15s,border-color .15s,box-shadow .15s}.kidpin-dot.filled{background:linear-gradient(135deg,#7fc9b4,#1f7a64);border-color:transparent;box-shadow:inset 0 0 0 2px #ffffff80}.kidpin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.kidpin-key{height:60px;border-radius:16px;background:var(--surface);border:none;box-shadow:var(--shadow-card);font:600 23px var(--font-heading);color:#3a2f1a;cursor:pointer}.kidpin-key:disabled{opacity:.6;cursor:default}.kidpin-key-delete{font-size:21px}.kidpin-key-blank{background:transparent;box-shadow:none}.kidpin-back{margin-top:22px;background:none;border:none;color:var(--muted-3);font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit}.kidpin-error{margin:0 0 18px}.familypins{max-width:560px;margin:4px auto 0;padding:20px 20px 60px}.familypins-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--muted-3);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;margin-bottom:16px;padding:0}.familypins h1{font-size:28px;margin:0 0 6px}.familypins-sub{font-size:15px;color:var(--muted);margin:0 0 22px}.familypins-list{display:flex;flex-direction:column;gap:12px}.familypins-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow-card)}.familypins-card-header{display:flex;align-items:center;gap:14px}.familypins-avatar{width:44px;height:44px;flex:none;border-radius:12px;background:linear-gradient(135deg,#7fc9b4,#1f7a64);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.familypins-card-body{flex:1;min-width:0}.familypins-name{font-size:16px;font-weight:700;color:var(--ink)}.familypins-pin-row{display:flex;align-items:center;gap:6px;margin-top:2px}.familypins-pin-label{font-size:13px;color:#9a8a66}.familypins-pin-dots{letter-spacing:.18em;color:#3a3322;font-size:14px}.familypins-no-pin{font-size:13px;color:var(--muted-3);margin-top:2px}.familypins-reset-btn{background:var(--teal-tint);color:var(--teal);border:1.5px solid rgba(31,122,100,.28);border-radius:10px;padding:9px 14px;font:700 13px var(--font-ui);cursor:pointer;white-space:nowrap}.familypins-reset-btn:disabled{opacity:.6;cursor:default}.familypins-drawer{margin-top:14px;padding-top:14px;border-top:1px solid #f0ebe0}.familypins-drawer-row{display:flex;align-items:center;gap:12px}.familypins-drawer-label{font-size:13px;font-weight:600;color:#5a4d33;white-space:nowrap}.familypins-drawer-inputs{display:flex;gap:8px;flex:1}.familypins-drawer-input{width:46px;height:50px;text-align:center;font:700 20px var(--font-heading);border:1.5px solid var(--border-3);border-radius:11px;background:var(--surface-inset);color:var(--teal)}.familypins-drawer-input:disabled{opacity:.6}.familypins-drawer-save{background:var(--teal-gradient);color:#fff;border:none;border-radius:10px;padding:11px 18px;font:700 13px var(--font-ui);cursor:pointer;white-space:nowrap}.familypins-drawer-save:disabled{opacity:.6;cursor:default}.familypins-drawer-error{margin:12px 0 0}.familypins-footnote{display:flex;align-items:flex-start;gap:11px;margin-top:18px;background:#b8923f14;border:1px solid rgba(184,146,63,.25);border-radius:14px;padding:14px 16px}.familypins-footnote-icon{flex:none;margin-top:1px}.familypins-footnote span{font-size:13px;color:#7a5f24;line-height:1.5}.parent-onboard{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.parent-onboard-eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 6px}.parent-onboard-body{font-size:15px;color:var(--muted);line-height:1.6;margin:0 0 14px}.parent-onboard-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.btn-text{background:none;border:none;color:var(--muted-3);font:600 14px var(--font-ui);cursor:pointer;padding:0}.btn-text:disabled{opacity:.6;cursor:default}.consent-card{width:100%;max-width:560px}.consent-card h1{font-size:30px;margin:0 0 12px}.consent-toggle{width:100%;display:flex;gap:13px;align-items:flex-start;text-align:start;background:var(--teal-tint);border:1px solid rgba(31,122,100,.2);border-radius:14px;padding:16px;margin-top:16px;cursor:pointer;font-family:inherit;color:inherit}.consent-toggle:disabled,.consent-toggle[aria-disabled=true]{opacity:.75;cursor:default}.consent-toggle-box{width:24px;height:24px;flex:none;margin-top:2px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid #d4cab4;transition:background .15s ease,border-color .15s ease}.consent-toggle-box.is-checked{background:var(--teal-gradient);border-color:var(--teal-dark)}.consent-toggle-text{flex:1;display:flex;flex-direction:column;gap:3px}.consent-toggle-title{font-size:14.5px;font-weight:700;color:#3a3322}.consent-toggle-desc{font-size:13px;color:var(--muted);line-height:1.5}.consent-privacy-link{display:inline-flex;align-items:center;gap:5px;color:var(--teal);font:700 13.5px var(--font-ui);text-decoration:none;margin-top:14px}[dir=rtl] .consent-privacy-link svg{transform:scaleX(-1)}.addkids-card{width:100%;max-width:600px}.addkids-card h1{font-size:30px;margin:6px 0}.addkids-sub{font-size:15px;color:var(--muted);margin:0 0 24px}.kid-list{display:flex;flex-direction:column;gap:11px;margin:0 0 18px;padding:0;list-style:none}.kid-row{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:15px 17px;box-shadow:var(--shadow-card)}.kid-avatar{width:44px;height:44px;flex:none;border-radius:50%;background:var(--avatar-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.kid-name{flex:1;font-size:16px;font-weight:700}.kid-check{flex:none;display:flex}.addkid-form{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow-card)}.addkid-form-label{font-size:14px;font-weight:700;margin-bottom:13px}.addkid-form .auth-field{margin-bottom:11px}.addkid-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--teal-tint);color:var(--teal);border:1.5px solid rgba(31,122,100,.3);border-radius:11px;padding:11px;font:700 14px var(--font-ui);cursor:pointer}.addkid-submit:disabled{opacity:.6;cursor:default}.addkids-continue{margin-top:18px}.pdash{max-width:1080px;margin:0 auto;padding:34px}.pdash h1{font-size:30px;margin:0 0 6px}.pdash-sub{font-size:15px;color:var(--muted);margin:0 0 24px}.pdash-empty{max-width:480px;margin:40px auto 0;text-align:center;padding:40px 32px}.pdash-empty h1{font-size:28px;margin:6px 0 10px}.pdash-empty .addkids-sub{margin:0 0 22px}.pdash-kids{display:flex;flex-direction:column;gap:14px}.pdash-tz-note{font-size:12px;color:var(--muted-3);margin:10px 0 0}.kid-card{display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px 22px;box-shadow:var(--shadow-card)}.kid-card-avatar{width:54px;height:54px;flex:none;border-radius:15px;background:var(--avatar-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700}.kid-card-body{flex:1;min-width:0}.kid-card-name{font-size:17px;font-weight:700}.kid-card-next{margin-top:11px}.kid-card-next-label{font-size:12px;color:var(--muted-3)}.kid-card-next-row{display:flex;align-items:center;gap:8px;margin-top:2px}.kid-card-next-value{font-size:13.5px;font-weight:600;color:#3a3322}.kid-card-change{background:none;border:none;color:var(--teal);font:700 12px var(--font-ui);cursor:pointer;padding:0}.kid-card-path{margin-top:14px;max-width:400px}.kid-card-path-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;white-space:nowrap}.kid-card-path-label{font-size:11.5px;font-weight:700;color:#7a6d50}.kid-card-path-stage{color:var(--teal)}.kid-card-path-pct{font-size:11.5px;color:var(--muted-3)}.kid-card-path-segs{display:flex;gap:5px}.kid-card-seg{flex:1;height:7px;border-radius:9px}.kid-card-seg-done{background:var(--teal)}.kid-card-seg-current{background:#1f7a6473}.kid-card-seg-locked{background:#e7dcc4}.kid-card-actions{display:flex;flex-direction:column;gap:9px;flex:none}.kid-card-view-path{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;background:#1f7a6417;color:var(--teal);border:1.5px solid rgba(31,122,100,.28);border-radius:11px;padding:11px 17px;font:700 14px var(--font-ui);white-space:nowrap}.kid-card-view-path:hover{border-color:var(--teal)}.pdash-label{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-3);margin:26px 0 14px}.pdash-empty-note{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:16px 18px;color:var(--muted-3);font-size:14px}.pdash-add-tile{background:transparent;border:1.5px dashed #d4cab4;border-radius:18px;padding:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted-3);min-height:64px;font-family:inherit}.pdash-add-tile-icon{width:34px;height:34px;flex:none;border-radius:10px;background:#b8923f1f;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:18px;font-weight:700}.pdash-add-tile-label{font-size:14px;font-weight:700;color:#7a6d50}.report-row{display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px 22px;box-shadow:var(--shadow-card)}.report-row-icon{width:50px;height:50px;flex:none;border-radius:14px;background:var(--teal-tint);display:flex;align-items:center;justify-content:center}.report-row-body{flex:1;min-width:0}.report-row-title{font-size:16px;font-weight:700}.report-row-meta{font-size:13px;color:var(--muted-3);margin-top:3px}.report-row-note{font-size:13.5px;color:var(--muted);line-height:1.5;margin:6px 0 0}@media (max-width: 720px){.pdash{padding:20px 16px}}.resched-slots{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}.resched-slot{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:start;border-radius:12px;padding:13px 15px;font:600 14px var(--font-ui);cursor:pointer;border:1.5px solid #e2dac8;background:#fbf9f4;color:#5a4d33}.resched-slot-selected{border-color:var(--teal);background:var(--teal-tint);color:var(--teal)}.resched-footer{display:flex;gap:10px}.resched-cancel{background:none;border:none;color:var(--muted-3);font:600 14px var(--font-ui);cursor:pointer;padding:11px 14px}.resched-confirm{flex:1;border:none;border-radius:12px;padding:13px;font:700 15px var(--font-ui);cursor:pointer;color:#fff;background:var(--teal-gradient)}.resched-confirm:disabled{cursor:default;background:#cfc6b2}@keyframes popIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 34px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-mark{width:32px;height:32px;border-radius:9px;background:var(--teal-gradient);display:flex;align-items:center;justify-content:center;font-family:var(--font-arabic);font-size:19px;color:#fff;font-weight:700}.topbar-word{font-family:var(--font-heading);font-size:19px;font-weight:600}.topbar-side{display:flex;align-items:center;gap:14px}.topbar-persona{display:flex;align-items:center;gap:9px}.topbar-avatar{width:36px;height:36px;border-radius:50%;background:var(--avatar-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.topbar-avatar-gold{background:var(--gold-gradient)}.topbar-persona-name{font-size:13.5px;font-weight:700;line-height:1.2;white-space:nowrap}.topbar-persona-role{font-size:11.5px;color:var(--muted-3);line-height:1.2;white-space:nowrap}.btn-quiet{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--border-3);color:#5a4d33;border-radius:var(--radius-button);padding:10px 16px;font:700 14px var(--font-ui);cursor:pointer}.btn-quiet:disabled{opacity:.6;cursor:default}.btn-primary-inline{display:inline-flex;align-items:center;gap:8px;background:var(--teal-gradient);color:#fff;border:none;border-radius:var(--radius-button);padding:12px 20px;font:700 14px var(--font-ui);cursor:pointer;box-shadow:var(--shadow-primary)}.btn-primary-inline:disabled{opacity:.6;cursor:default}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#28200c66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;display:flex;align-items:center;justify-content:center;padding:24px}.modal-sheet{width:100%;max-width:440px;background:#fff;border-radius:20px;box-shadow:var(--shadow-modal);padding:26px;animation:popIn .22s ease}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.modal-head h2{font-size:21px;margin:0}.modal-close{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-4);background:transparent;cursor:pointer;color:#8a6a4a}.modal-sub{font-size:14px;color:var(--muted);margin:0 0 18px}.modal-field label{display:block;font-size:13px;font-weight:600;color:#5a4d33;margin-bottom:7px}.modal-field input{width:100%;padding:12px 13px;border:1.5px solid var(--border-3);border-radius:11px;font:15px var(--font-ui);background:var(--surface-inset);color:#3a3322}.modal-note{font-size:11.5px;color:var(--muted-3);line-height:1.5;margin:9px 0 0}.modal-note b{color:var(--gold-dark)}.modal-link-row{display:flex;gap:9px}.modal-link-row input{flex:1;padding:12px 13px;border:1.5px solid var(--border-3);border-radius:11px;font:14px var(--font-ui);background:var(--surface-inset);color:#3a3322}.btn-copy{background:var(--teal-gradient);color:#fff;border:none;border-radius:11px;padding:0 18px;font:700 14px var(--font-ui);cursor:pointer}@media (max-width: 720px){.topbar{padding:12px 16px}}.report-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px;box-shadow:var(--shadow-card);margin-bottom:16px}.stat-tile{background:var(--surface-inset);border:1px solid var(--border-2);border-radius:13px;padding:13px}.stat-label{font-size:11px;color:var(--muted-3);font-weight:600}.stat-value{font-size:21px;font-weight:700;margin-top:3px}.stat-value-red{color:var(--red)}.stat-value-teal{color:var(--teal)}.sent-banner{display:flex;align-items:center;gap:14px;background:var(--teal-gradient);border-radius:18px;padding:18px 20px;margin-bottom:20px;box-shadow:0 16px 36px -22px #145a46b3;color:#fff}.sent-icon{width:44px;height:44px;flex:none;border-radius:50%;background:#ffffff29;display:flex;align-items:center;justify-content:center}.sent-title{font-size:15.5px;font-weight:700}.sent-sub{font-size:12.5px;color:#ffffffd1;margin-top:1px}.curriculum-shell{min-height:100vh;padding:40px 20px 60px}.curriculum-page{max-width:880px;margin:0 auto}.curriculum-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--muted-3);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;margin-bottom:14px;text-decoration:none}.curriculum-eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.curriculum-page h1{font-family:var(--font-heading);font-size:30px;font-weight:600;margin:6px 0}.curriculum-sub{font-size:15px;color:var(--muted);margin:0 0 24px;max-width:640px}.curriculum-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.curriculum-column-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-3);margin-bottom:12px}.curriculum-library{display:flex;flex-direction:column;gap:11px}.curriculum-module-card{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:14px 15px;box-shadow:0 10px 26px -22px #4632144d}.curriculum-module-card.is-added{opacity:.6}.curriculum-module-icon{width:42px;height:42px;flex:none;border-radius:12px;background:var(--teal-tint);display:flex;align-items:center;justify-content:center}.curriculum-module-icon-sm{width:33px;height:33px;border-radius:10px;background:var(--gold-tint)}.curriculum-module-info{flex:1;min-width:0}.curriculum-module-title{font-size:15px;font-weight:700}.curriculum-module-sub{font-size:12.5px;color:var(--muted-3)}.curriculum-added-chip{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:#2c7a5e;background:#2f9f6e1f;border-radius:9px;padding:8px 12px;white-space:nowrap}.curriculum-add-btn{display:inline-flex;align-items:center;gap:5px;font:700 13px var(--font-ui);color:var(--teal);background:var(--teal-tint);border:1.5px solid rgba(31,122,100,.3);border-radius:10px;padding:8px 13px;cursor:pointer;white-space:nowrap}.curriculum-path-zone{background:var(--surface-inset);border:1.5px dashed #d8cba8;border-radius:16px;padding:14px;min-height:150px}.curriculum-path-empty{text-align:center;padding:34px 12px;color:var(--muted-3);font-size:13.5px;margin:0}.curriculum-path-list{display:flex;flex-direction:column;gap:10px}.curriculum-path-row{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:11px 12px;box-shadow:0 8px 20px -18px #4632144d}.curriculum-path-pos{width:25px;height:25px;flex:none;border-radius:8px;background:var(--gold-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700}.curriculum-path-title{font-size:14px;font-weight:700}.curriculum-path-sub{font-size:11.5px;color:var(--muted-3)}.curriculum-reorder{display:flex;flex-direction:column;gap:3px}.curriculum-reorder button{width:30px;height:25px;border-radius:8px;border:1px solid var(--border-3);background:var(--surface);color:#7a6d50;display:flex;align-items:center;justify-content:center;cursor:pointer}.curriculum-reorder button:disabled{border-color:var(--border-2);background:var(--surface-inset);color:#cbbf9e;cursor:default}.curriculum-remove-btn{width:30px;height:30px;flex:none;border-radius:9px;border:1px solid #f0d9d4;background:var(--surface);color:var(--red);display:flex;align-items:center;justify-content:center;cursor:pointer}.curriculum-name-field{margin-top:14px}.curriculum-name-field label{display:block;font-size:13px;font-weight:600;color:#5a4d33;margin-bottom:6px}.curriculum-name-field input{width:100%;padding:11px 13px;border:1.5px solid var(--border-3);border-radius:11px;font:15px var(--font-ui);background:var(--surface-inset);color:inherit}.curriculum-save-btn{width:100%;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--teal-gradient);color:#fff;border:none;border-radius:12px;padding:13px;font:700 15px var(--font-ui);cursor:pointer;box-shadow:var(--shadow-primary)}.curriculum-save-btn:disabled{opacity:.6;cursor:default}.curriculum-saved{display:flex;align-items:center;justify-content:center;gap:8px;color:#2c7a5e;font-size:13.5px;font-weight:600;margin:12px 0 0}.curriculum-list-section{margin-top:34px}.curriculum-list{display:flex;flex-direction:column;gap:10px}.curriculum-list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:14px 16px;box-shadow:var(--shadow-card)}.curriculum-list-row-main{min-width:0}.curriculum-list-name{font-size:15px;font-weight:700}.curriculum-list-modules{font-size:12.5px;color:var(--muted-3);margin-top:4px}.curriculum-assign-btn{flex:none;font:700 13px var(--font-ui);color:var(--teal);background:var(--teal-tint);border:1.5px solid rgba(31,122,100,.3);border-radius:10px;padding:8px 13px;cursor:pointer;white-space:nowrap}.assign-student-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.assign-student-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:var(--surface-inset);border:1.5px solid var(--border-3);border-radius:11px;padding:11px 14px;font:600 14px var(--font-ui);color:#3a3322;cursor:pointer}.assign-student-row.is-selected{border-color:#1f7a64;background:var(--teal-tint)}.assign-student-row:disabled{opacity:.6;cursor:default}.assign-student-row.is-inert{cursor:default;color:var(--muted-3)}.assign-student-note{font-size:12px;font-weight:600;color:var(--muted-3)}@media (max-width: 720px){.curriculum-shell{padding:24px 16px 40px}.curriculum-grid{grid-template-columns:1fr}.curriculum-list-row{flex-direction:column;align-items:flex-start}}.kidhome{max-width:560px;margin:18px auto 0;padding:0 20px 60px;text-align:center}.kidhome-error{margin:0 0 18px}.kidhome-avatar{width:76px;height:76px;margin:0 auto 14px;border-radius:22px;background:linear-gradient(135deg,#7fc9b4,#1f7a64);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;box-shadow:0 16px 32px -16px #1f7a6499}.kidhome h1{font-size:29px;margin:0 0 4px}.kidhome-sub{font-size:15px;color:var(--muted);margin:0 0 24px}.kidhome-hero{background:linear-gradient(120deg,#1f7a64,#16584a);border-radius:22px;padding:26px;box-shadow:0 22px 46px -22px #145a46b3}.kidhome-hero-teacher{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:6px}.kidhome-hero-teacher-avatar{width:46px;height:46px;flex:none;border-radius:50%;background:#ffffff29;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.kidhome-hero-teacher-info{text-align:left}.kidhome-hero-teacher-label{font-size:11.5px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.kidhome-hero-teacher-name{font-size:17px;font-weight:700;color:#fff}.kidhome-hero-line{font-size:14px;color:#ffffffd9;margin:14px 0 18px}.kidhome-hero-cta{text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f7a64;border-radius:14px;padding:16px;font:700 17px var(--font-ui);box-shadow:0 12px 24px -10px #0000004d}.kidhome-flag-card,.kidhome-murajaah-card{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:14px;text-align:left;background:var(--surface);border-radius:16px;padding:16px 17px}.kidhome-flag-card{border:1.5px solid var(--border);margin-top:18px;box-shadow:0 12px 28px -24px #46321466}.kidhome-flag-card:hover{border-color:var(--teal)}.kidhome-murajaah-card{border:1.5px solid rgba(184,146,63,.4);margin-top:12px;box-shadow:0 12px 28px -24px #b8923f99}.kidhome-murajaah-card:hover{border-color:var(--gold)}.kidhome-flag-badge{width:46px;height:46px;flex:none;border-radius:13px;background:var(--red-tint);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700}.kidhome-murajaah-icon{width:46px;height:46px;flex:none;border-radius:13px;background:var(--gold-gradient);display:flex;align-items:center;justify-content:center}.kidhome-card-body{flex:1;min-width:0}.kidhome-flag-title,.kidhome-murajaah-title{font-size:15px;font-weight:700}.kidhome-flag-sub,.kidhome-murajaah-sub{font-size:12.5px;color:var(--muted-3);margin-top:1px}.kidhome-murajaah-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kidhome-murajaah-chip{font-size:10.5px;font-weight:700;color:var(--gold-dark);background:#b8923f29;border-radius:7px;padding:3px 8px}.kidhome-consistency{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px}.kidhome-consistency-label{font-size:12.5px;font-weight:700;color:#7a6d50}.kidhome-dots{display:flex;gap:5px}.kidhome-dot{width:26px;height:26px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:#efe7d4;color:#a8987a}.kidhome-dot.on{background:linear-gradient(135deg,#7fc9b4,#1f7a64);color:#fff}.kidhome-switch{margin-top:20px;background:none;border:none;color:var(--muted-3);font-size:13.5px;font-weight:600;cursor:pointer;font-family:inherit}.kidhome-switch:disabled{opacity:.6;cursor:default}.spath{max-width:600px;margin:18px auto 0;padding:0 20px 60px}.spath-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.spath-head h1{font-size:29px;margin:0 0 5px}.spath-head-sub{font-size:14.5px;color:var(--muted);margin:0}.spath-chip{display:inline-flex;align-items:center;gap:7px;background:var(--gold-tint);border:1px solid rgba(184,146,63,.3);border-radius:var(--radius-pill);padding:7px 13px;white-space:nowrap;font-size:12px;font-weight:700;color:var(--gold-dark);flex:none}.spath-hero{background:linear-gradient(120deg,#1f7a64,#16584a);border-radius:18px;padding:18px 20px;margin-bottom:24px;box-shadow:0 18px 40px -24px #145a46b3}.spath-hero-top{display:flex;align-items:center;justify-content:space-between;color:#fff;margin-bottom:11px}.spath-hero-step{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8}.spath-hero-stage{font-family:var(--font-heading);font-size:19px;font-weight:600;margin-top:1px}.spath-hero-pct{font-size:22px;font-weight:700}.spath-hero-bar{height:8px;border-radius:9px;background:#ffffff2e;overflow:hidden}.spath-hero-bar-fill{height:100%;background:linear-gradient(90deg,#7fe0c0,#e9c877);border-radius:9px}.spath-consistency{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 17px;margin-bottom:12px;box-shadow:0 10px 26px -24px #4632144d}.spath-consistency-body{flex:1;min-width:0}.spath-consistency-title{font-size:14.5px;font-weight:700}.spath-consistency-sub{font-size:12.5px;color:var(--muted-2);margin-top:1px}.spath-solo-card{text-decoration:none;width:100%;display:flex;align-items:center;gap:14px;background:linear-gradient(120deg,#1f7a64,#16584a);border:none;border-radius:16px;padding:16px 17px;margin-bottom:22px;box-shadow:0 16px 34px -20px #145a46b3}.spath-solo-icon{width:44px;height:44px;flex:none;border-radius:12px;background:#ffffff29;display:flex;align-items:center;justify-content:center}.spath-solo-title{font-size:15px;font-weight:700;color:#fff}.spath-solo-sub{font-size:12.5px;color:#fffc;margin-top:1px}.spath-roadmap{display:flex;flex-direction:column}.spath-node{display:flex;gap:14px}.spath-node-rail{display:flex;flex-direction:column;align-items:center}.spath-node-circle{width:44px;height:44px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center}.spath-node-circle-done{background:linear-gradient(135deg,#7fc9b4,#1f7a64)}.spath-node-circle-current{background:#fff;border:2.5px solid var(--teal)}.spath-node-circle-locked{background:#efe7d4;border:1px solid #e0d4ba}.spath-node-connector{width:2px;flex:1;min-height:24px;margin:2px 0}.spath-node-connector-done{background:var(--teal)}.spath-node-connector-pending{background:#e0d4ba}.spath-node-card{flex:1;min-width:0;background:#ffffffa8;border:1px solid var(--border);border-radius:16px;padding:16px 17px;margin-bottom:14px}.spath-node-card-current{background:var(--surface);border:1.5px solid var(--teal);box-shadow:0 22px 44px -26px #145a4673}.spath-node-card-locked{opacity:.72}.spath-node-top{display:flex;align-items:center;gap:13px}.spath-node-icon{width:42px;height:42px;flex:none;border-radius:12px;background:#1f7a641a;display:flex;align-items:center;justify-content:center}.spath-node-icon-locked{background:#f4eedf}.spath-node-info{flex:1;min-width:0}.spath-node-name{font-size:16px;font-weight:700}.spath-node-chip{font-size:11.5px;font-weight:700;border-radius:7px;padding:3px 8px;white-space:nowrap;flex:none}.spath-node-chip-done{color:var(--green);background:var(--green-tint)}.spath-node-chip-current{color:var(--gold-2);background:var(--gold-tint)}.spath-node-chip-locked{color:var(--disabled);background:#f1ead9}.spath-node-progress{margin-top:13px;height:8px;border-radius:9px;background:var(--border-2);overflow:hidden}.spath-node-progress-fill{height:100%;background:var(--teal-gradient);border-radius:9px}.spath-node-cta{margin-top:14px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;background:var(--teal-gradient);color:#fff;border-radius:11px;padding:11px 18px;font:700 14px var(--font-ui)}.spath-empty{max-width:480px;margin:40px auto 0;text-align:center;padding:40px 32px}.spath-progress-form fieldset{border:0;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;align-items:end;gap:10px}.spath-progress-form .auth-field{width:110px}.spath-progress-form .spath-node-cta{margin-top:0;border:0;cursor:pointer}.spath-progress-form :disabled{opacity:.6;cursor:wait}.spath-empty h1{font-size:28px;margin:6px 0 10px}@font-face{font-family:hafs18;src:url(/fonts/hafs18.woff2) format("woff2");font-display:swap}@keyframes sheetUp{0%{transform:translate(-50%) translateY(100%)}to{transform:translate(-50%) translateY(0)}}.reader-root{position:relative;width:100%;height:calc(100vh - var(--build-footer-height));height:calc(100dvh - var(--build-footer-height));overflow:hidden;background:radial-gradient(125% 105% at 50% -12%,#e7e4dc,#d8d4ca 52%,#c8c3b6);--fontScale: 1}.reader-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:84px 22px 64px;container-type:size;container-name:reader-stage}.reader-sheet{position:relative;height:100%;max-height:900px;aspect-ratio:.72;max-width:96vw;background:linear-gradient(158deg,#fff,#fcfcfb);border-radius:7px;box-shadow:0 34px 64px -22px #4a321280,0 1px #ffffffb3 inset;padding:13px;container-type:inline-size;container-name:reader-sheet}@container reader-stage (min-aspect-ratio: 6 / 5){.reader-sheet{height:100%;max-height:none;aspect-ratio:unset;max-width:none;width:min(960px,calc(100cqi - 564px))}}.reader-sheet-frame-outer{position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:2px solid #b89748;border-radius:5px;pointer-events:none}.reader-sheet-frame-inner{position:absolute;top:17px;right:17px;bottom:17px;left:17px;border:1px solid rgba(154,123,51,.45);border-radius:4px;pointer-events:none}.reader-lozenge{position:absolute;width:9px;height:9px;background:#b89748;transform:rotate(45deg)}.reader-lozenge-tl{inset-block-start:13px;inset-inline-start:13px}.reader-lozenge-tr{inset-block-start:13px;inset-inline-end:13px}.reader-lozenge-bl{inset-block-end:13px;inset-inline-start:13px}.reader-lozenge-br{inset-block-end:13px;inset-inline-end:13px}.reader-sheet-inner{position:relative;height:100%;display:flex;flex-direction:column;padding:16px 18px 18px;overflow:hidden}.reader-cartouche{position:relative;margin:0 auto 12px;width:90%;height:42px;border-block-end:1px solid rgba(154,123,51,.3);background:transparent;display:flex;align-items:center;justify-content:center;flex:none}.reader-cartouche-ribbing{display:none;position:absolute;top:4px;right:0;bottom:4px;left:0;border-block-start:1px solid rgba(154,123,51,.4);border-block-end:1px solid rgba(154,123,51,.4)}.reader-cartouche-ribbing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 13px,rgba(154,123,51,.1) 13px,rgba(154,123,51,.1) 15px)}.reader-cartouche-rosette{display:none;position:absolute;inset-block-start:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#f8ead0,#dcbb6b);box-shadow:inset 0 0 0 1px #9a7b3380}.reader-cartouche-rosette-start{inset-inline-start:16px}.reader-cartouche-rosette-end{inset-inline-end:16px}.reader-cartouche-label{position:relative;text-align:center;padding:0 20px;background:linear-gradient(#fff,#fcfcfb)}.reader-cartouche-name{font-family:hafs18,serif;font-size:32px;color:#7a5f24;line-height:1.1}.reader-cartouche-sub{font-family:var(--font-ui);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#9a7b33;margin-block-start:5px}.reader-text-scroll{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:safe center;overflow-y:auto;overflow-x:hidden;font-size:calc(var(--fontScale, 1) * clamp(28px,3.5vh,36px));transition:font-size .28s cubic-bezier(.3,.8,.3,1)}@container reader-stage (min-aspect-ratio: 6 / 5){.reader-text-scroll{font-size:calc(var(--fontScale, 1) * clamp(32px,4cqw,40px))}}.reader-ruled{font-size:1em}.reader-basmala{text-align:center;line-height:2em;font-family:hafs18,serif;font-size:.68em;color:#5a4a26}.mushaf-page{position:relative;text-align:justify;text-justify:inter-word;line-height:2.3em;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(2.3em - 1px),rgba(70,78,84,.14) calc(2.3em - 1px),rgba(70,78,84,.14) 2.3em);color:#191919;font-family:hafs18,serif}.mushaf-ayah{display:inline}.mushaf-word{cursor:pointer}.mushaf-word.is-selected{background:#1f7a6424;border-radius:3px;box-shadow:0 0 0 3px #1f7a6424}.mushaf-word.is-flagged{background:#c0181814;border-radius:3px;text-decoration:underline;text-decoration-color:#c018188c;text-decoration-thickness:2px;text-underline-offset:3px}.ayah-rosette{display:inline-flex;align-items:center;justify-content:center;width:.8em;height:.8em;margin:0 .08em;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1px #9b875a;vertical-align:middle}.ayah-rosette-num{font-family:hafs18,serif;font-size:.6em;color:#5a4a26}.taj-r1{color:var(--taj-r1)}.taj-r2{color:var(--taj-r2)}.taj-r3{color:var(--taj-r3)}.taj-r4{color:var(--taj-r4)}.taj-r5{color:var(--taj-r5)}.taj-r6{color:var(--taj-r6)}.taj-r7{color:var(--taj-r7)}.taj-r8{color:var(--taj-r8)}.taj-r9{color:var(--taj-r9)}.mushaf-page.tajweed-off .taj-r1,.mushaf-page.tajweed-off .taj-r2,.mushaf-page.tajweed-off .taj-r3,.mushaf-page.tajweed-off .taj-r4,.mushaf-page.tajweed-off .taj-r5,.mushaf-page.tajweed-off .taj-r6,.mushaf-page.tajweed-off .taj-r7,.mushaf-page.tajweed-off .taj-r8,.mushaf-page.tajweed-off .taj-r9,.mushaf-page.family-off-silent .taj-r1,.mushaf-page.family-off-madd .taj-r2,.mushaf-page.family-off-madd .taj-r3,.mushaf-page.family-off-madd .taj-r4,.mushaf-page.family-off-ghunnah .taj-r5,.mushaf-page.family-off-qalqalah .taj-r6,.mushaf-page.family-off-idgham .taj-r7,.mushaf-page.family-off-ikhfa .taj-r8,.mushaf-page.family-off-iqlab .taj-r9{color:inherit}.taj-waqf{color:#3e655e;transition:color .25s ease,text-shadow .25s ease}.mushaf-page:not(.tajweed-off):not(.family-off-waqf) .taj-waqf{color:var(--taj-waqf);text-shadow:none}.reader-topbar{position:absolute;inset-block-start:0;inset-inline:0;z-index:20;padding:18px 22px;display:flex;align-items:center;justify-content:center;gap:8px}.reader-glass-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(154,123,51,.25);background:#fcf7ecd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 24px -12px #46321480;color:#6b5a3a;cursor:pointer}.reader-glass-btn:disabled{opacity:.4;cursor:default}.reader-nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:#fcf7ecd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(154,123,51,.25);box-shadow:0 8px 24px -12px #46321480;border-radius:16px;padding:7px 24px;cursor:pointer}.reader-nav-btn:disabled{opacity:.4;cursor:default}.reader-nav-btn-title{font-family:var(--font-heading);font-size:18px;font-weight:600;color:#3a2f1a;line-height:1}.reader-nav-btn-sub{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#9a7b33}.reader-font-ctrl{display:flex;align-items:center;gap:8px;background:#fcf7ecd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(154,123,51,.25);box-shadow:0 8px 24px -12px #46321480;border-radius:99px;padding:5px 10px}@media (min-width: 1000px){.reader-font-ctrl{display:flex}}.reader-font-ctrl button{border:none;background:transparent;color:#6b5a3a;font-weight:700;cursor:pointer;font-size:13px;padding:4px}.reader-font-ctrl button:disabled{opacity:.35;cursor:default}.reader-font-dots{display:flex;align-items:center;gap:4px}.reader-font-dot{width:5px;height:5px;border-radius:50%;background:#9a7b334d}.reader-font-dot.is-active{background:#b8923f}.reader-nav-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#2c200c4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40}.reader-nav-sheet{position:absolute;inset-block-end:0;inset-inline-start:50%;transform:translate(-50%);width:min(780px,95vw);max-height:76vh;background:linear-gradient(#fdf9ee,#f6eed8);border:1px solid rgba(154,123,51,.3);border-block-end:none;border-radius:24px 24px 0 0;box-shadow:0 -22px 54px -18px #4630128c;z-index:41;padding:14px 22px 24px;display:flex;flex-direction:column;animation:sheetUp .34s cubic-bezier(.2,.85,.25,1)}.reader-nav-handle{width:44px;height:5px;border-radius:9px;background:#9a7b334d;margin:0 auto 14px}.reader-nav-head{display:flex;align-items:center;justify-content:space-between;margin-block-end:14px}.reader-nav-title{font-family:var(--font-heading);font-size:20px;font-weight:600;color:#3a2f1a}.reader-nav-close{width:30px;height:30px;border-radius:50%;border:1px solid rgba(154,123,51,.25);background:transparent;cursor:pointer;color:#8a6a4a;display:flex;align-items:center;justify-content:center}.reader-nav-tabs{display:flex;gap:4px;background:#9a7b331a;border-radius:12px;padding:4px;margin-block-end:16px;align-self:flex-start}.reader-nav-tab{border:none;background:transparent;padding:7px 16px;border-radius:9px;font-weight:600;font-size:13px;color:#6b5a3a;cursor:pointer}.reader-nav-tab.is-active{background:linear-gradient(#e9c877,#b8923f);color:#3a2f1a}.reader-nav-body{overflow:auto;flex:1;padding-inline-end:4px}.reader-nav-surah-row{display:flex;align-items:center;gap:12px;width:100%;text-align:start;background:transparent;border:none;border-radius:12px;padding:8px 6px;cursor:pointer}.reader-nav-surah-row:hover,.reader-nav-surah-row.is-current{background:#b8923f1f}.reader-nav-surah-num{width:30px;height:30px;flex:none;border-radius:50%;background:radial-gradient(circle at 50% 38%,#f8ead0,#e2c478);box-shadow:inset 0 0 0 1px #9a7b3366;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#6b531c}.reader-nav-surah-name{font-family:hafs18,serif;font-size:20px;color:#332815;min-width:96px;text-align:end}.reader-nav-surah-meta{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.reader-nav-surah-lat{font-family:var(--font-heading);font-size:14px;color:#4a3f29}.reader-nav-surah-ayat{font-size:11px;color:#9a8a66}.reader-nav-surah-status{font-size:11px;font-weight:600;color:#9a7733;white-space:nowrap}.reader-nav-juz-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.reader-nav-juz-btn{display:flex;flex-direction:column;align-items:center;gap:2px;border:1px solid rgba(154,123,51,.25);background:#fff9;border-radius:12px;padding:12px 4px;cursor:pointer;color:#4a3f29}.reader-nav-juz-btn.is-current{background:linear-gradient(#e9c877,#b8923f);border-color:transparent;color:#3a2f1a}.reader-nav-juz-num{font-family:var(--font-heading);font-size:16px;font-weight:600}.reader-nav-juz-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.reader-nav-page-form{display:flex;gap:8px;align-items:center}.reader-nav-page-input{width:100px;padding:8px 10px;border-radius:10px;border:1px solid rgba(154,123,51,.3);font-size:14px}.reader-nav-footer{margin-block-start:14px;padding-block-start:12px;border-block-start:1px solid rgba(154,123,51,.18);font-size:11px;color:#9a8a66;text-align:center}.taj-labels-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.taj-label-tag-group{position:absolute;display:flex;gap:3px;transform:translate(-50%)}.taj-label-tag{height:15px;display:flex;align-items:center;padding:0 6px;border-radius:5px;color:#fff;font-family:var(--font-ui);font-size:9px;font-weight:700;letter-spacing:.02em;white-space:nowrap;box-shadow:0 2px 5px -1px #00000047}.taj-chip{display:inline-flex;align-items:center;gap:8px;background:#fcf7ecd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(154,123,51,.25);box-shadow:0 8px 24px -12px #46321480;border-radius:99px;padding:8px 14px;cursor:pointer;color:#6b5a3a;font-family:var(--font-ui);font-size:12.5px;font-weight:600}.taj-chip.is-on{background:#f5eeddeb;border-color:#9a7b3373}.taj-chip-dots,.taj-pill-dots{display:flex;gap:3px}.taj-dot-static{width:7px;height:7px;border-radius:50%}.taj-dot-a{background:var(--taj-r3)}.taj-dot-b{background:var(--taj-r5)}.taj-dot-c{background:var(--taj-r6)}.taj-chip-state{font-size:10.5px;font-weight:700;letter-spacing:.04em;color:#b08a3a}.taj-chip.is-on .taj-chip-state{color:#2f9f6e}.taj-panel-anchor{position:absolute;inset-block-start:62px;inset-inline-end:22px;z-index:21}.taj-pill{display:inline-flex;align-items:center;gap:8px;background:#fcf7ece0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(154,123,51,.24);box-shadow:0 12px 30px -12px #46321480;border-radius:99px;padding:9px 14px;cursor:pointer;color:#7a5f24;font-family:var(--font-ui);font-weight:700;font-size:12px;white-space:nowrap}.taj-panel{width:262px;max-height:calc(100vh - 156px);max-height:calc(100dvh - 156px);overflow-y:auto;display:flex;flex-direction:column;gap:2px;background:#fcf7ece0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(154,123,51,.24);box-shadow:0 12px 30px -12px #46321480;border-radius:16px;padding:11px 10px 9px}.taj-panel-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.taj-panel-title{font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:#9a7b33;font-weight:700}.taj-panel-collapse{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:7px;border:1px solid rgba(154,123,51,.3);background:#fff;cursor:pointer;color:#9a7b33;padding:0}.taj-row{position:relative;display:flex;align-items:center;flex-wrap:wrap;border-radius:13px;transition:background .2s ease}.taj-row.is-open{background:#9a7b330f}.taj-row-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:start;background:transparent;border:none;border-radius:13px;padding:8px;cursor:pointer;font-family:var(--font-ui)}.taj-dot{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #00000014;transition:background .2s ease}.taj-row-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.taj-row-label{font-size:12.5px;font-weight:700;line-height:1.1;color:#5a4d33}.taj-row-sub{font-size:9.5px;color:#a3936c;font-weight:500;white-space:nowrap}.taj-chevron{display:flex;align-items:center;color:#bcae8b;flex:none;transition:transform .2s ease}.taj-row.is-open .taj-chevron{transform:rotate(90deg)}.taj-switch{position:relative;width:30px;height:17px;border-radius:99px;flex:none;border:none;background:#9a7b334d;cursor:pointer;padding:0;margin-inline-end:8px;transition:background .25s ease}.taj-switch.is-on{background:#2f9f6e}.taj-knob{position:absolute;top:2px;inset-inline-start:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000047;transition:inset-inline-start .22s cubic-bezier(.4,.1,.2,1)}.taj-switch.is-on .taj-knob{inset-inline-start:15px}.taj-detail{flex-basis:100%;padding:0 10px 10px 32px;display:flex;flex-direction:column;gap:7px}.taj-detail-text{margin:0;font-size:10.5px;line-height:1.5;color:#7a6a48}.taj-key-list{display:flex;flex-direction:column;gap:6px}.taj-key-row{display:flex;align-items:center;gap:9px}.taj-key-dot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #0000001a}.taj-key-glyph{font-family:hafs18,serif;font-size:21px;color:var(--taj-waqf);width:24px;text-align:center;flex:none}.taj-key-letters{font-family:hafs18,serif;font-size:18px;color:var(--taj-r7);min-width:62px;text-align:center;flex:none}.taj-key-name{font-size:11px;font-weight:700;color:#5a4d33;min-width:70px;flex:none}.taj-key-meaning{font-size:10px;color:#a3936c;font-weight:500}.taj-ikhfa-key{display:flex;flex-direction:column;gap:4px}.taj-ikhfa-letters{font-family:hafs18,serif;font-size:19px;color:var(--taj-r8);line-height:1.5}.taj-labels-toggle{display:flex;align-items:center;gap:10px;width:100%;text-align:start;background:transparent;border:none;border-block-start:1px solid rgba(154,123,51,.18);margin-block-start:5px;padding:9px 8px 4px;cursor:pointer;color:#9a7b33;font-family:var(--font-ui)}.reader-status{color:#6b5a3a;font-size:14px;text-align:center}.practice-mode-pill{position:absolute;inset-block-start:18px;inset-inline-start:22px;z-index:21;display:inline-flex;align-items:center;gap:9px;background:#fcf7ecd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(154,123,51,.25);box-shadow:0 8px 24px -12px #46321480;border-radius:99px;padding:8px 15px;font-family:var(--font-ui);white-space:nowrap}.practice-mode-title{font-weight:700;font-size:12.5px;color:#1f6a57}.practice-mode-dot{width:3px;height:3px;border-radius:50%;background:#785f2d66}.practice-mode-sub{font-size:12px;color:#8a7c5e}.practice-bottom-bar{position:absolute;inset-block-end:22px;inset-inline:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 22px;pointer-events:none}.practice-hint{pointer-events:auto;margin:0;display:inline-flex;align-items:center;background:#fcf7ecd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(154,123,51,.25);box-shadow:0 8px 24px -12px #46321480;border-radius:99px;padding:9px 17px;color:#5b4a2c;font-family:var(--font-ui);font-size:13px;font-weight:600;text-align:center}.practice-status-chip{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;background:#fcf7ecd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(154,123,51,.25);box-shadow:0 8px 24px -12px #46321480;border-radius:14px;padding:10px 14px;color:#5b4a2c;font-family:var(--font-ui);font-size:12.5px;font-weight:600;white-space:nowrap}.practice-status-dot{width:6px;height:6px;border-radius:50%;background:#b8923f}.practice-side-panel-anchor{position:absolute;inset-block-start:62px;inset-inline-start:22px;z-index:21}.practice-panel-toggle{display:none}@media (max-width: 1100px){.practice-mode-pill{display:none}}@media (max-width: 859px){.practice-panel-toggle{display:inline-flex;margin-bottom:8px}.practice-side-panel-anchor:not(.is-open) .practice-side-panel{display:none}.practice-side-panel-anchor .practice-side-panel{max-width:calc(100vw - 44px);max-height:calc(100dvh - 210px)}}.practice-side-panel{width:262px;max-height:calc(100vh - 156px);max-height:calc(100dvh - 156px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:#fcf7ece0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(154,123,51,.24);box-shadow:0 12px 30px -12px #46321480;border-radius:16px;padding:13px 12px}.practice-panel-title{font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:#9a7b33;font-weight:700}.practice-empty-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 12px;text-align:center}.practice-empty-title{font-family:var(--font-heading);font-size:15px;font-weight:600;color:#3a2f1a}.practice-empty-sub{font-size:11.5px;color:#9a8a66;line-height:1.5}.practice-flag-list{display:flex;flex-direction:column;gap:7px}.practice-flag-row{display:flex;flex-direction:column;gap:6px;background:#9a7b330a;border:1px solid rgba(154,123,51,.16);border-radius:12px;padding:9px 11px}.practice-flag-jump{display:flex;align-items:center;gap:10px;width:100%;text-align:start;background:transparent;border:none;padding:0;cursor:pointer;font-family:var(--font-ui)}.practice-flag-dot{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #00000014}.practice-flag-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.practice-flag-title{font-size:13px;font-weight:700;color:#3a2f1a}.practice-flag-status{font-size:11px;color:#9a8a66;font-style:italic}.practice-flag-status.has-correction{color:#2c7a5e;font-style:normal;font-weight:600}.practice-flag-actions{display:flex;align-items:center;gap:8px;padding-inline-start:20px}.practice-flag-audio{display:none}.practice-flag-play,.practice-flag-done{border-radius:8px;border:1px solid rgba(154,123,51,.3);background:#fff;color:#6b5a3a;font-size:11.5px;font-weight:700;padding:5px 10px;cursor:pointer;font-family:var(--font-ui)}.practice-flag-done{border-color:#2f9f6e66;color:#1f7a64}.practice-flag-practised-badge{font-size:11px;font-weight:700;color:#2f9f6e}.practice-murajaah-banner{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.practice-murajaah-range{font-family:var(--font-heading);font-size:15px;font-weight:600;color:#3a2f1a}.practice-murajaah-chip{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#7a5f24;background:#b8923f38;border-radius:6px;padding:3px 8px}.practice-murajaah-done{border-radius:10px;border:none;background:linear-gradient(#dcbf78,#c49b45);color:#3a2c0e;font-weight:700;font-size:13px;padding:10px 15px;cursor:pointer;font-family:var(--font-ui)}.practice-murajaah-done:disabled{opacity:.6;cursor:default}.practice-back-link{position:absolute;inset-block-end:8px;inset-inline-start:16px;z-index:20}@media (max-width: 700px){.reader-topbar{padding:12px 10px;gap:5px;flex-wrap:wrap}.reader-nav-btn{padding:7px 10px}.reader-nav-btn-title{font-size:15px}.reader-font-ctrl{padding:4px;gap:2px}.reader-font-dots,.taj-chip-dots{display:none}.taj-chip{padding:8px;gap:4px}.reader-stage{padding:112px 8px 64px}.reader-sheet{width:100%;aspect-ratio:auto;max-width:none}.reader-sheet-inner{padding-inline:10px}.reader-cartouche{width:100%}}.practice-word-correction{position:fixed;z-index:80;width:min(300px,calc(100vw - 16px));box-sizing:border-box;padding:16px;border:1px solid var(--teal);border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 8px 28px #0002;overflow-wrap:anywhere;max-height:calc(100dvh - 16px);overflow-y:auto}.practice-word-correction p{margin:8px 0}.practice-word-correction .practice-flag-play{display:block;margin-top:12px}.practice-word-ref{font-size:12px;color:var(--muted)}.practice-word-close{float:right;padding:8px;background:transparent;border:0;cursor:pointer}button.ayah-progress{border:0;padding:0;font:inherit;cursor:pointer}button.ayah-progress:hover,button.ayah-progress:focus-visible{outline:2px solid #176b65;outline-offset:3px}.teacher-cursor{position:fixed;z-index:30;pointer-events:none;display:flex;align-items:flex-start;direction:ltr}.teacher-cursor span{margin-top:19px;margin-left:-5px;padding:3px 7px;border-radius:5px;background:#176b65;color:#fff;font:600 12px/1.3 var(--font-ui);white-space:nowrap}.settings-shell{min-height:100vh;padding:40px 20px 60px}.settings-page{max-inline-size:var(--content-max);margin-inline:auto}.settings-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--muted-3);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;margin-block-end:14px}.settings-back:before{content:"←"}[dir=rtl] .settings-back:before{content:"→"}.settings-eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.settings-page h1{margin:6px 0 22px;font-size:30px}.settings-account-card{margin-block-end:16px}.settings-account-head{display:flex;align-items:center;gap:14px;margin-block-end:20px}.settings-avatar{inline-size:54px;block-size:54px;flex:none;border-radius:16px;background:var(--avatar-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700}.settings-avatar-gold{background:var(--gold-gradient)}.settings-account-name{font-size:17px;font-weight:700}.settings-account-role{font-size:13px;color:var(--muted-3)}.settings-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-field-label{display:block;font-size:13px;font-weight:600;color:#5a4d33;margin-block-end:6px}.settings-field-value{padding:12px 13px;border:1.5px solid var(--border-3);border-radius:11px;background:var(--surface-inset);color:var(--ink);font-size:15px}.settings-lang-field{margin-block-start:14px}.settings-lang-field select{inline-size:100%;background:var(--surface-inset);border:1.5px solid var(--border-3);border-radius:11px;padding:12px 13px;font:600 15px var(--font-ui);color:#3a3322;cursor:pointer}.settings-lang-hint{font-size:12px;color:var(--muted-3);margin-block-start:6px}@media (max-width: 520px){.settings-field-grid{grid-template-columns:1fr}}.settings-privacy-card h2{font-size:18px;margin:0 0 4px}.settings-consent-section{margin-block-start:14px}.settings-consent-section h3{font-size:14.5px;margin:0 0 4px}.settings-consent-explainer{font-size:13px;color:var(--muted-3);line-height:1.5;margin:0 0 4px}.settings-privacy-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-block-start:14px;padding-block-start:14px;border-block-start:1px solid var(--border-3);text-decoration:none;color:#5a4d33;font:600 14px var(--font-ui)}[dir=rtl] .settings-privacy-chevron{transform:scaleX(-1)}.privacy-page{max-inline-size:47.5rem;margin-inline:auto}.privacy-page :is(h1,h2,h3){margin:0}.privacy-h1{font-size:30px;margin-block:6px}.privacy-intro{font-size:15px;color:var(--muted);margin-block-end:22px;max-inline-size:41.25rem;line-height:1.6}.privacy-hero{display:flex;align-items:center;gap:14px;background:linear-gradient(120deg,var(--teal),var(--teal-dark));border-radius:var(--radius-card);padding:18px 22px;margin-block-end:22px;box-shadow:0 18px 40px -26px #145a46b3;color:#fff}.privacy-hero-icon{inline-size:46px;block-size:46px;flex:none;border-radius:13px;background:#ffffff26;display:flex;align-items:center;justify-content:center}.privacy-hero-title{font-family:var(--font-heading);font-size:18px;font-weight:600}.privacy-hero-sub{font-size:13px;color:#ffffffd1;margin-block-start:2px}.privacy-collect-card h2,.privacy-never-card h2{font-size:19px;margin-block-end:4px}.privacy-collect-head{display:grid;grid-template-columns:150px 1fr 200px;gap:16px;padding-block-end:8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-3)}.privacy-collect-row{display:grid;grid-template-columns:150px 1fr 200px;gap:16px;align-items:start;padding-block:14px;border-block-start:1px solid var(--border)}.privacy-collect-data{font-size:14px;font-weight:700;color:var(--teal)}.privacy-collect-why{font-size:13.5px;color:#5a4d33;line-height:1.5}.privacy-collect-ex{font-size:12px;color:var(--muted-3);font-style:italic;line-height:1.5}.privacy-never-card{border-color:#f0ddd6}.privacy-never-card h2{margin-block-end:12px}.privacy-never-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}.privacy-never-row{display:flex;align-items:center;gap:11px;padding-block:9px}.privacy-never-icon{flex:none}.privacy-never-row span{font-size:13.5px;color:#3a3322;line-height:1.4}.privacy-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.privacy-info-icon{inline-size:40px;block-size:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-block-end:12px}.privacy-info-icon-teal{background:var(--teal-tint);color:var(--teal)}.privacy-info-icon-gold{background:var(--gold-tint);color:var(--gold)}.privacy-info-card h3{font-size:16.5px;margin-block-end:6px}.privacy-info-card p{font-size:13.5px;color:#5a4d33;line-height:1.6;margin:0}@media (max-width: 640px){.privacy-collect-head{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;padding:0;margin:-1px;border:0}.privacy-collect-row{grid-template-columns:1fr;gap:4px}.privacy-never-grid,.privacy-info-grid{grid-template-columns:1fr}}.terms-page{max-inline-size:47.5rem;margin-inline:auto;line-height:1.7;overflow-wrap:anywhere}.terms-page h1{font-size:30px}.terms-page h2{margin-block-start:1.75rem;font-size:20px}.terms-page a{color:var(--teal-dark);text-decoration:underline}.wreport-shell,.preport-shell{min-height:100vh;padding:40px 20px 60px}.wreport-page{max-width:var(--content-max);margin:0 auto}.preport-page{max-width:44rem;margin:0 auto}.wreport-back{display:inline-flex;align-items:center;gap:6px;color:var(--muted-3);font-size:13px;font-weight:600;margin-bottom:14px;text-decoration:none}.wreport-eyebrow,.preport-eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.wreport-page h1,.preport-page h1{font-family:var(--font-heading);font-size:30px;font-weight:600;margin:6px 0}.wreport-sub,.preport-sub{font-size:15px;color:var(--muted);margin:0 0 22px}.wreport-week-card{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px 18px;box-shadow:var(--shadow-card);margin-bottom:16px}.wreport-week-field{display:flex;flex-direction:column;gap:6px}.wreport-week-field label{font-size:12.5px;font-weight:700;color:#5a4d33}.wreport-week-field input{border:1.5px solid var(--border-3);border-radius:10px;padding:9px 11px;font:14px var(--font-ui);background:var(--surface-inset);color:inherit}.wreport-week-hint{flex-basis:100%;margin:0;font-size:12px;color:var(--red)}.preport-card-title{font-size:13px;font-weight:700;color:#5a4d33;margin-bottom:10px}.wreport-summary-head{display:flex;align-items:center;gap:13px;margin-bottom:16px}.wreport-summary-info{flex:1;min-width:0}.wreport-summary-title{font-size:16px;font-weight:700}.wreport-summary-meta{font-size:12.5px;color:var(--muted-3)}.wreport-auto-chip{font-size:11px;font-weight:700;color:var(--gold-dark);background:var(--gold-tint);border-radius:8px;padding:5px 11px;white-space:nowrap}.wreport-stat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}.wreport-stat-value-small{font-size:14px;font-weight:700;margin-top:3px}.wreport-card label{display:block;font-size:13px;font-weight:700;color:#5a4d33;margin-bottom:4px}.wreport-note-hint{font-size:12.5px;color:var(--muted-3);margin:0 0 9px}.wreport-note-field{width:100%;min-height:90px;resize:vertical;padding:12px 13px;border:1.5px solid var(--border-3);border-radius:11px;font:14px var(--font-ui);background:var(--surface-inset);color:inherit}.wreport-note-field:disabled{opacity:.7}.wreport-quiet{font-size:13.5px;color:var(--muted-3);margin:0}.wreport-error{margin:10px 0 0;padding:11px 13px;border-radius:11px;background:var(--red-tint);color:var(--red);font-size:13.5px;font-weight:600}.wreport-send-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--teal-gradient);color:#fff;border:none;border-radius:13px;padding:15px;font:700 16px var(--font-ui);cursor:pointer;box-shadow:var(--shadow-primary)}.wreport-send-btn:disabled{opacity:.6;cursor:default}.preport-hero{background:var(--teal-gradient);border-radius:18px;padding:20px 22px;color:#fff;margin-bottom:16px;box-shadow:0 16px 36px -22px #145a46b3}.preport-hero-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.preport-hero-label{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7}.preport-hero-pct{font-size:22px;font-weight:700}.preport-hero-bar{height:10px;border-radius:9px;background:#ffffff38;overflow:hidden}.preport-hero-bar-fill{height:100%;background:#fff;border-radius:9px}.preport-hero-stage{margin-top:10px;font-size:13.5px;color:#ffffffe6}.preport-empty{margin-bottom:16px}.preport-stat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px;margin-bottom:16px}.preport-stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:13px;box-shadow:var(--shadow-card)}.preport-stat-value{font-size:21px;font-weight:700;margin-top:3px;color:#3a2f1a}.preport-stat-value-teal{color:var(--teal)}.preport-stat-value-of{font-size:13px;font-weight:600;color:var(--muted-3)}.preport-stage-list{display:flex;flex-direction:column}.preport-stage-row{display:flex;align-items:center;gap:11px;padding:9px 0;border-top:1px solid var(--border-2)}.preport-stage-row:first-child{border-top:none}.preport-stage-dot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--border-3)}.preport-stage-dot-done{background:var(--teal)}.preport-stage-dot-current{background:var(--gold)}.preport-stage-title{flex:1;font-size:14px;font-weight:600}.preport-stage-status{font-size:12.5px;color:var(--muted-3);font-weight:600}.preport-flag-summary{display:flex;gap:9px;flex-wrap:wrap}.preport-flag-chip{font-size:12.5px;font-weight:700;border-radius:9px;padding:7px 12px;background:var(--surface-inset);color:var(--muted)}.preport-flag-chip-red{color:var(--red);background:var(--red-tint)}.preport-flag-chip-green{color:var(--green);background:var(--green-tint)}.preport-consistency-title{font-size:14px;font-weight:700;margin-bottom:10px}.preport-dots{display:flex;gap:7px}.preport-dot{width:30px;height:30px;border-radius:50%;background:var(--surface-inset);border:1px solid var(--border-2);color:var(--muted-3);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.preport-dot.on{background:var(--teal);border-color:var(--teal);color:#fff}.preport-murajaah{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:var(--muted)}.preport-murajaah-label{font-weight:700;color:#3a2f1a}.preport-due-chip{font-size:11px;font-weight:700;color:var(--gold-dark);background:var(--gold-tint);border-radius:8px;padding:3px 9px}.preport-actions{margin-bottom:16px}.wrapup-shell{min-height:100vh;padding:40px 20px 60px}.wrapup-page{max-width:var(--content-max);margin:0 auto}.wrapup-back{display:inline-flex;align-items:center;gap:6px;color:var(--muted-3);font-size:13px;font-weight:600;margin-bottom:14px}.wrapup-eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.wrapup-page h1,.wrapup-page h2{font-family:var(--font-heading);font-size:30px;font-weight:600;margin:6px 0}.wrapup-sub{font-size:15px;color:var(--muted);margin:0 0 22px}.wrapup-card-title{font-size:13px;font-weight:700;color:#5a4d33;margin-bottom:10px}.wrapup-summary-head{display:flex;align-items:center;gap:13px}.wrapup-summary-info{flex:1;min-width:0}.wrapup-summary-title{font-size:16px;font-weight:700}.wrapup-summary-meta{font-size:12.5px;color:var(--muted-3)}.wrapup-auto-chip{font-size:11px;font-weight:700;color:var(--gold-dark);background:var(--gold-tint);border-radius:8px;padding:5px 11px;white-space:nowrap}.wrapup-stat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px;margin-top:16px}.wrapup-list-note{margin:14px 0 0;padding-top:14px;border-top:1px solid var(--border-2);font-size:13.5px;color:var(--muted);line-height:1.5}.wrapup-quiet{font-size:13.5px;color:var(--muted-3);margin:0}.wrapup-flag-list{display:flex;flex-direction:column}.wrapup-flag-row{display:flex;flex-direction:column;gap:10px;padding:11px 0;border-top:1px solid var(--border-2)}.wrapup-flag-row:first-child{border-top:none}.wrapup-flag-top{display:flex;align-items:center;gap:13px}.wrapup-flag-dot{width:10px;height:10px;border-radius:50%;flex:none}.wrapup-flag-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wrapup-flag-rule{font-size:14px;font-weight:700}.wrapup-flag-ref{font-size:12px;color:var(--muted-3)}.wrapup-flag-note{font-size:12.5px;color:var(--muted)}.wrapup-flag-status{font-size:11px;font-weight:700;border-radius:8px;padding:4px 10px;white-space:nowrap;color:var(--red);background:var(--red-tint)}.wrapup-flag-status.is-resolved{color:var(--green);background:var(--green-tint)}.wrapup-flag-resolve{background:var(--surface);border:1.5px solid var(--border-3);color:var(--teal-dark);border-radius:9px;padding:7px 12px;font:700 12.5px var(--font-ui);cursor:pointer;white-space:nowrap}.wrapup-flag-resolve:disabled{opacity:.6;cursor:default}.wrapup-flag-consent-note{font-size:12.5px;color:var(--muted-3);margin:0;padding-inline-start:23px}.wrapup-correction{display:flex;align-items:center;gap:10px;padding-inline-start:23px;flex-wrap:wrap}.wrapup-correction .wrapup-error{margin:0;padding:6px 10px;font-size:12.5px}.wrapup-correction .wrapup-quiet{font-size:12.5px}.wrapup-correction-status{font-size:12px;font-weight:600;color:var(--muted-3)}.wrapup-correction-status.is-ready{color:var(--green)}.wrapup-correction-rec-dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex:none}.wrapup-correction-btn{background:var(--surface);border:1.5px solid var(--border-3);color:var(--teal-dark);border-radius:8px;padding:5px 11px;font:700 12px var(--font-ui);cursor:pointer;white-space:nowrap}.wrapup-correction-btn-primary{background:var(--teal-gradient);border-color:transparent;color:#fff}.wrapup-checklist-item{display:flex;align-items:center;gap:12px}.wrapup-checklist-check{width:22px;height:22px;flex:none;border-radius:7px;background:var(--teal-gradient);display:flex;align-items:center;justify-content:center}.wrapup-checklist-title{font-size:14px;font-weight:700}.wrapup-checklist-sub{font-size:12px;color:var(--muted-3)}.wrapup-card label{display:block;font-size:13px;font-weight:700;color:#5a4d33;margin-bottom:9px}.wrapup-note-field{width:100%;min-height:90px;resize:vertical;padding:12px 13px;border:1.5px solid var(--border-3);border-radius:11px;font:14px var(--font-ui);background:var(--surface-inset);color:inherit}.wrapup-note-field:disabled{opacity:.7}.wrapup-error{margin:10px 0 0;padding:11px 13px;border-radius:11px;background:var(--red-tint);color:var(--red);font-size:13.5px;font-weight:600}.wrapup-send-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--teal-gradient);color:#fff;border:none;border-radius:13px;padding:15px;font:700 16px var(--font-ui);cursor:pointer;box-shadow:var(--shadow-primary)}.wrapup-send-btn:disabled{opacity:.6;cursor:default}.reading-stop h2{font-size:20px;margin-top:0}.reading-stop p{line-height:1.6}.reading-stop label{display:block;margin-bottom:6px}.reading-stop input{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--border-3);border-radius:8px;font:inherit}.reading-stop-actions{display:flex;gap:16px;align-items:center;margin-top:16px}.reading-stop-saved{overflow-wrap:anywhere}@keyframes talaqqi-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}.session-status-pill{position:absolute;inset-block-start:18px;inset-inline-start:22px;z-index:21;display:inline-flex;align-items:center;gap:9px;background:#fcf7ecd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(154,123,51,.25);box-shadow:0 8px 24px -12px #46321480;border-radius:99px;padding:8px 14px;font-family:var(--font-ui);white-space:nowrap}.session-status-dot{width:8px;height:8px;border-radius:50%;background:#2f9f6e;box-shadow:0 0 0 3px #2f9f6e33;animation:talaqqi-pulse-dot 1.7s infinite}.session-status-pill.is-reconnecting .session-status-dot,.session-status-pill.is-connecting .session-status-dot{background:#b8923f;box-shadow:0 0 0 3px #b8923f33;animation:none}.session-status-label{font-weight:600;font-size:12.5px;color:#42371f}.session-topbar-extra{display:inline-flex;align-items:center;gap:8px}.session-chip{display:inline-flex;align-items:center;gap:7px;background:#fcf7ecd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(154,123,51,.25);box-shadow:0 8px 24px -12px #46321480;border-radius:99px;padding:8px 14px;font-family:var(--font-ui);font-size:12.5px;font-weight:600;color:#5b4a2c;white-space:nowrap}.session-flag-count-dot{width:7px;height:7px;border-radius:50%;background:#c01818;flex:none}.session-leave-btn,.session-end-btn{display:inline-flex;align-items:center;gap:7px;background:#fcf7ecd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(154,123,51,.25);box-shadow:0 8px 24px -12px #46321480;border-radius:99px;padding:8px 15px;cursor:pointer;color:#6b5a3a;font-size:12.5px;font-weight:600;font-family:var(--font-ui)}.session-end-btn{border-color:#c018184d;color:#8f3a2c}.session-end-btn:disabled,.session-leave-btn:disabled{opacity:.5;cursor:default}.session-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#2c200c5c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}.session-modal{width:min(360px,90vw);background:#fcf7ec;border-radius:16px;padding:22px;box-shadow:0 24px 60px -18px #281c0a80;display:flex;flex-direction:column;gap:12px}.session-modal-title{font-family:var(--font-heading);font-size:20px;font-weight:600;color:#33291a}.session-modal-body{font-size:13.5px;color:#5b4a2c;line-height:1.5;margin:0}.session-modal-actions{display:flex;gap:10px;margin-top:4px}.session-modal-actions button{flex:1;border-radius:12px;padding:12px;cursor:pointer;font-weight:600;font-size:14px;font-family:var(--font-ui)}.session-modal-stay{background:#9a7b331a;border:1px solid rgba(154,123,51,.28);color:#4a3f29}.session-modal-confirm{background:linear-gradient(#bd5a47,#a3402e);border:none;color:#fff;box-shadow:0 8px 18px -8px #96281e99}.session-popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#2c200c47;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.session-flag-sheet{position:fixed;inset-block-end:0;inset-inline-start:50%;transform:translate(-50%);z-index:51;width:min(420px,95vw);background:#fcf7ec;border-start-start-radius:20px;border-start-end-radius:20px;box-shadow:0 -14px 40px -12px #281c0a66;padding:10px 18px 20px;animation:sheetUp .28s cubic-bezier(.3,.8,.3,1)}.session-flag-sheet-handle{width:36px;height:4px;border-radius:3px;background:#9a7b3359;margin:6px auto 12px}.session-flag-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.session-flag-sheet-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9a7b33;font-weight:700}.session-flag-chip-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-bottom:14px}.session-flag-chip{border:1px solid rgba(192,24,24,.28);background:#c018180d;color:#a82a1e;border-radius:10px;padding:9px 6px;font-size:12px;font-weight:600;font-family:var(--font-ui);cursor:pointer}.session-flag-chip.is-active{border-color:#c01818;background:#c01818;color:#fff}.session-flag-note{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.session-flag-note label{font-size:11.5px;font-weight:600;color:#6b5a3a}.session-flag-note textarea{resize:vertical;min-height:60px;border-radius:10px;border:1px solid rgba(154,123,51,.3);padding:8px 10px;font-family:var(--font-ui);font-size:13px}.session-flag-note-counter{align-self:flex-end;font-size:11px;color:#9a7b33}.session-flag-sheet-actions{display:flex;gap:10px}.session-flag-sheet-actions button{flex:1}.session-flag-clear{border:1px solid rgba(154,123,51,.28);background:transparent;color:#6b5a3a;border-radius:12px;padding:11px;cursor:pointer;font-weight:600;font-size:13.5px;font-family:var(--font-ui)}.session-flag-clear:disabled{opacity:.5;cursor:default}.session-bottom-bar{position:absolute;inset-block-end:22px;inset-inline:0;z-index:20;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 22px;pointer-events:none}.session-banner{pointer-events:auto;max-width:420px;text-align:center;background:#fcf7eceb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(184,146,63,.35);box-shadow:0 8px 24px -12px #46321480;border-radius:14px;padding:10px 16px;color:#6b5a2f;font-family:var(--font-ui);font-size:13px;font-weight:600}.session-resume-chip{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;background:#1f7a64eb;color:#fff;border:none;box-shadow:0 8px 24px -12px #14463799;border-radius:99px;padding:10px 16px;cursor:pointer;font-family:var(--font-ui);font-size:13px;font-weight:700}.session-back-link{position:absolute;inset-block-end:8px;inset-inline-start:16px;z-index:20}@media (max-width: 1100px){.reader-root:has(.session-topbar-extra) .session-status-pill{inset-block-start:62px;inset-inline-start:12px}.session-topbar-extra{position:absolute;inset-block-start:108px;inset-inline:8px;justify-content:center}.reader-root:has(.session-topbar-extra) .reader-stage{padding-block-start:172px}}@media (max-width: 500px){.session-guiding-chip{display:none}}.tdash{max-width:1080px;margin:0 auto;padding:34px}.tdash-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:24px}.tdash-head h1{font-size:30px;margin:0}.tdash-sub{font-size:15px;color:var(--muted);margin:6px 0 0}.tdash-sub b{color:var(--teal)}.tdash-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-outline-teal{display:inline-flex;align-items:center;gap:8px;background:var(--surface);color:var(--teal);border:1.5px solid rgba(31,122,100,.3);border-radius:var(--radius-button);padding:12px 18px;font:700 14px var(--font-ui);cursor:pointer;text-decoration:none}.next-session{background:linear-gradient(120deg,var(--teal),var(--teal-dark));border-radius:20px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:14px;box-shadow:0 18px 40px -22px #145a46b3;color:#fff}.next-session-eyebrow{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffffffb3}.next-session-title{font-family:var(--font-heading);font-size:20px;font-weight:600;margin-top:2px}.next-session-time{font-size:13px;color:#ffffffc7;margin-top:1px}.btn-start{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--teal);border:none;border-radius:var(--radius-button);padding:13px 22px;font:700 15px var(--font-ui);cursor:pointer}.btn-start:disabled{opacity:.6;cursor:default}.tdash-section{margin-top:26px}.tdash-label{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-3);margin:0 0 14px}.tz-note{font-size:13px;color:var(--muted-3);margin:0 0 14px}.empty-note{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:16px 18px;color:var(--muted-3);font-size:14px}.upcoming-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.upcoming-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:12px 16px;box-shadow:var(--shadow-card)}.upcoming-row-name{font-size:14.5px;font-weight:700}.upcoming-row-time{font-size:12.5px;color:var(--muted-3);margin-top:1px}.students-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.student-card{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:18px;box-shadow:var(--shadow-card)}.student-avatar{width:46px;height:46px;border-radius:13px;background:var(--avatar-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex:none}.student-card-body{display:flex;flex-direction:column;gap:4px;min-width:0}.student-name{font-size:16px;font-weight:700}.student-card-report-link{align-self:flex-start;font-size:12.5px;font-weight:700;color:var(--teal);text-decoration:none}.student-card-report-link:hover{text-decoration:underline}.invite-tile{background:transparent;border:1.5px dashed #d4cab4;border-radius:var(--radius-card);padding:18px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted-3);min-height:120px;font-family:inherit}.invite-tile-icon{width:42px;height:42px;border-radius:12px;background:#b8923f1f;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:22px;font-weight:700}.invite-tile-label{font-size:14px;font-weight:700;color:#7a6d50}.avail-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px 22px;box-shadow:var(--shadow-card)}.avail-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}.avail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border-2);border-radius:11px;padding:10px 14px;font-size:14px;font-weight:600}.avail-remove{background:none;border:none;color:var(--red);font:600 13px var(--font-ui);cursor:pointer;padding:0}.avail-add{display:flex;gap:9px;align-items:flex-end;flex-wrap:wrap}.avail-field label{display:block;font-size:13px;font-weight:600;color:#5a4d33;margin-bottom:6px}.avail-field input{padding:11px 13px;border:1.5px solid var(--border-3);border-radius:11px;font:15px var(--font-ui);background:var(--surface-inset);color:inherit}@media (max-width: 720px){.tdash{padding:20px 16px}.students-grid{grid-template-columns:1fr}}#booking-slot{width:100%;min-height:44px;padding:10px 12px;border:1px solid #d8d2c5;border-radius:8px;background:#fff;color:#29271f;font:inherit}:root{--ink: #2a2418;--ink-arabic: #241d10;--muted: #6a5d44;--muted-2: #8a7a5c;--muted-3: #9a8a66;--disabled: #b3a37a;--parchment: #f4f1ea;--surface: #fff;--surface-inset: #fbf9f4;--parchment-reader: #fcf7ec;--border: #ece5d6;--border-2: #efe7d4;--border-3: #e2dac8;--border-4: #e7e0d0;--teal: #1f7a64;--teal-dark: #16584a;--teal-tint: rgba(31, 122, 100, .08);--teal-gradient: linear-gradient(#2a8f76, #1f7a64);--avatar-gradient: linear-gradient(135deg, #34a78c, #1f7a64);--gold: #b8923f;--gold-dark: #7a5f24;--gold-2: #9a7b33;--gold-gradient: linear-gradient(135deg, #e9c877, #b8923f);--gold-tint: rgba(184, 146, 63, .14);--red: #a82a1e;--red-tint: rgba(192, 24, 24, .09);--green: #2c7a5e;--green-tint: rgba(47, 159, 110, .12);--tajwid-madd: #c9772b;--tajwid-madd-2: #c1452b;--tajwid-ghunnah: #168f53;--tajwid-ghunnah-2: #1f9d5f;--tajwid-qalqalah: #2563b5;--tajwid-qalqalah-2: #2f73b6;--radius-card: 16px;--radius-button: 12px;--radius-pill: 99px;--radius-chip: 8px;--shadow-card: 0 12px 30px -24px rgba(70, 50, 20, .25);--shadow-modal: 0 36px 80px -24px rgba(40, 30, 10, .55);--shadow-primary: 0 14px 30px -12px rgba(20, 90, 70, .6);--font-heading: "Spectral", serif;--font-ui: "Hanken Grotesk", system-ui, sans-serif;--font-arabic: "Amiri", serif;--content-max: 40rem;--build-footer-height: calc(24px + env(safe-area-inset-bottom, 0px)) }*{box-sizing:border-box}body{margin:0;padding-bottom:var(--build-footer-height);font-family:var(--font-ui);line-height:1.5;background:var(--parchment);color:var(--ink)}.build-info{position:fixed;left:0;right:0;bottom:0;height:var(--build-footer-height);padding:3px max(10px,env(safe-area-inset-left,0px));background:var(--surface);border-top:1px solid var(--border);color:var(--muted);font:11px/17px var(--font-ui);text-align:left;direction:ltr;z-index:10}@media print{body{padding-bottom:0}.build-info{display:none}}h1,h2,h3{font-family:var(--font-heading);font-weight:600}.shell{max-inline-size:var(--content-max);margin-inline:auto;padding-inline:1rem;padding-block:2rem}.card{border:1px solid var(--border);border-radius:var(--radius-card);padding-block:1rem;padding-inline:1.25rem;background:var(--surface);box-shadow:var(--shadow-card)}.card h2{margin-block-start:0}.toast{position:fixed;inset-block-end:1rem;left:50%;transform:translate(-50%);margin:0;padding-block:.5rem;padding-inline:1rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-inset);color:var(--ink);box-shadow:var(--shadow-card)}.not-found h1{margin-block-start:0}.not-found-link{color:var(--teal);font-weight:600}