:root{--mu-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--mu-font-arabic:"Noto Naskh Arabic", "Amiri", "Geeza Pro", "Traditional Arabic", "Arabic Typesetting", serif;--mu-font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--mu-text-xs:.75rem;--mu-text-sm:.875rem;--mu-text-md:1rem;--mu-text-lg:1.125rem;--mu-text-xl:1.375rem;--mu-text-2xl:1.75rem;--mu-text-3xl:2.25rem;--mu-weight-regular:400;--mu-weight-medium:500;--mu-weight-semibold:600;--mu-weight-bold:700;--mu-leading-tight:1.25;--mu-leading-normal:1.5;--mu-leading-arabic:2;--mu-arabic-sm:1.125rem;--mu-arabic-md:1.5rem;--mu-arabic-lg:2rem;--mu-arabic-xl:2.75rem;--mu-arabic-2xl:3.5rem;--mu-space-1:.25rem;--mu-space-2:.5rem;--mu-space-3:.75rem;--mu-space-4:1rem;--mu-space-5:1.25rem;--mu-space-6:1.5rem;--mu-space-8:2rem;--mu-space-10:2.5rem;--mu-space-12:3rem;--mu-radius-sm:.5rem;--mu-radius-md:.75rem;--mu-radius-lg:1rem;--mu-radius-xl:1.5rem;--mu-radius-full:9999px;--mu-control-sm:2.25rem;--mu-control-md:2.75rem;--mu-control-lg:3.25rem;--mu-bottom-nav-height:4rem;--mu-sidebar-width:15rem;--mu-topbar-height:3.5rem;--mu-content-max:40rem;--mu-duration-fast:.12s;--mu-duration-normal:.2s;--mu-ease:cubic-bezier(.2, 0, 0, 1);--mu-z-nav:100;--mu-z-modal:1000;--mu-z-toast:1100;--mu-naqsh-size:44px;--mu-naqsh-gold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%23E4C77A' stroke-opacity='.22' stroke-width='1'%3E%3Crect x='13' y='13' width='18' height='18'/%3E%3Crect x='13' y='13' width='18' height='18' transform='rotate(45 22 22)'/%3E%3Cpath d='M0 22h9M35 22h9M22 0v9M22 35v9'/%3E%3C/g%3E%3C/svg%3E");--mu-texture-stripes:repeating-linear-gradient(45deg, #ffffff08 0 10px, transparent 10px 20px);--mu-brand-green:#0b3d2e;--mu-brand-green-deep:#06281f;--mu-brand-green-night:#03120d;--mu-brand-gold:#c9982f;--mu-brand-gold-light:#e7c566;--mu-brand-gold-pale:#f3d98b;--mu-brand-gold-dark:#8e6a1a;--mu-brand-cream:#f6ebcb}:root,:root[data-theme=cream]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mu-color-bg:#eef0e4;--mu-color-surface:#fffdf6;--mu-color-surface-2:#e8eadb;--mu-color-border:#d6dcc6;--mu-color-border-strong:#b9c3a8;--mu-color-border-input:#7a8670;--mu-color-text:#10261d;--mu-color-text-muted:#56665a;--mu-color-accent:#0b3d2e;--mu-color-accent-hover:#0f4d3a;--mu-color-accent-soft:#dcebe2;--mu-color-on-accent:#fff;--mu-color-danger:#a8402a;--mu-color-danger-soft:#f6ddd5;--mu-color-on-danger:#fff;--mu-color-success:#2b7044;--mu-color-success-soft:#ddefe2;--mu-color-warning:#8a6514;--mu-color-warning-soft:#f6eccb;--mu-color-info:#1d5fa8;--mu-color-info-soft:#dde9f7;--mu-color-focus:#0b3d2e;--mu-color-overlay:#10261d73;--mu-shadow-sm:0 4px 0 #0b3d2e1f;--mu-shadow-md:0 6px 0 #0b3d2e29;--mu-shadow-lg:0 12px 40px #0b3d2e38;--mu-color-gold:#b8902f;--mu-color-gold-soft:#f6eccb;--mu-color-gold-line:#dcc27a;--mu-color-heading:#0b3d2e;--mu-color-gold-ink:#7a5a12;--mu-color-accent-depth:#031a13;--mu-shadow-nav:0 -4px 14px #0b3d2e1f;--mu-pattern-page:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%230B3D2E' stroke-opacity='.05' stroke-width='1'%3E%3Crect x='13' y='13' width='18' height='18'/%3E%3Crect x='13' y='13' width='18' height='18' transform='rotate(45 22 22)'/%3E%3Cpath d='M0 22h9M35 22h9M22 0v9M22 35v9'/%3E%3C/g%3E%3C/svg%3E");--mu-page-background:var(--mu-pattern-page) 0 0 / var(--mu-naqsh-size) var(--mu-naqsh-size), linear-gradient(#f6f5ea, #eef0e4 45%);--mu-hero-background:var(--mu-naqsh-gold) center top / var(--mu-naqsh-size) var(--mu-naqsh-size), linear-gradient(160deg, var(--mu-brand-green-deep), var(--mu-brand-green) 70%)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mu-color-bg:#0c1218;--mu-color-surface:#141c25;--mu-color-surface-2:#1c2631;--mu-color-border:#243040;--mu-color-border-strong:#364659;--mu-color-border-input:#647790;--mu-color-text:#f2ede1;--mu-color-text-muted:#98a2ac;--mu-color-accent:#d6a94e;--mu-color-accent-hover:#e6be68;--mu-color-accent-soft:#2b2417;--mu-color-on-accent:#17120a;--mu-color-danger:#e7766c;--mu-color-danger-soft:#3a1c1a;--mu-color-on-danger:#1f0607;--mu-color-success:#3dba8e;--mu-color-success-soft:#10302a;--mu-color-warning:#f0c060;--mu-color-warning-soft:#2d2616;--mu-color-info:#7cb3f5;--mu-color-info-soft:#14284a;--mu-color-focus:#e6be68;--mu-color-overlay:#030609b3;--mu-shadow-sm:inset 0 1px 0 #ffffff08, 0 6px 18px #0000004d;--mu-shadow-md:inset 0 1px 0 #ffffff08, 0 10px 28px #00000059;--mu-shadow-lg:0 12px 40px #0009;--mu-color-gold:#e2b75c;--mu-color-gold-soft:#2d2616;--mu-color-gold-line:#5e4c25;--mu-color-heading:#f2ede1;--mu-color-gold-ink:#e2b75c;--mu-color-accent-depth:#7a5b1e;--mu-shadow-nav:0 -4px 14px #00000059;--mu-pattern-page:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%23E2B75C' stroke-opacity='.05' stroke-width='1'%3E%3Crect x='13' y='13' width='18' height='18'/%3E%3Crect x='13' y='13' width='18' height='18' transform='rotate(45 22 22)'/%3E%3Cpath d='M0 22h9M35 22h9M22 0v9M22 35v9'/%3E%3C/g%3E%3C/svg%3E");--mu-page-background:var(--mu-pattern-page) 0 0 / var(--mu-naqsh-size) var(--mu-naqsh-size), radial-gradient(120% 60% at 50% -10%, #16303a 0%, transparent 60%), #0c1218;--mu-hero-background:var(--mu-naqsh-gold) center top / var(--mu-naqsh-size) var(--mu-naqsh-size), radial-gradient(90% 70% at 50% 0%, #3dba8e38 0%, transparent 70%), linear-gradient(180deg, #17222d 0%, #0f161e 100%)}}:root[data-theme=premium]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mu-color-bg:#0c1218;--mu-color-surface:#141c25;--mu-color-surface-2:#1c2631;--mu-color-border:#243040;--mu-color-border-strong:#364659;--mu-color-border-input:#647790;--mu-color-text:#f2ede1;--mu-color-text-muted:#98a2ac;--mu-color-accent:#d6a94e;--mu-color-accent-hover:#e6be68;--mu-color-accent-soft:#2b2417;--mu-color-on-accent:#17120a;--mu-color-danger:#e7766c;--mu-color-danger-soft:#3a1c1a;--mu-color-on-danger:#1f0607;--mu-color-success:#3dba8e;--mu-color-success-soft:#10302a;--mu-color-warning:#f0c060;--mu-color-warning-soft:#2d2616;--mu-color-info:#7cb3f5;--mu-color-info-soft:#14284a;--mu-color-focus:#e6be68;--mu-color-overlay:#030609b3;--mu-shadow-sm:inset 0 1px 0 #ffffff08, 0 6px 18px #0000004d;--mu-shadow-md:inset 0 1px 0 #ffffff08, 0 10px 28px #00000059;--mu-shadow-lg:0 12px 40px #0009;--mu-color-gold:#e2b75c;--mu-color-gold-soft:#2d2616;--mu-color-gold-line:#5e4c25;--mu-color-heading:#f2ede1;--mu-color-gold-ink:#e2b75c;--mu-color-accent-depth:#7a5b1e;--mu-shadow-nav:0 -4px 14px #00000059;--mu-pattern-page:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%23E2B75C' stroke-opacity='.05' stroke-width='1'%3E%3Crect x='13' y='13' width='18' height='18'/%3E%3Crect x='13' y='13' width='18' height='18' transform='rotate(45 22 22)'/%3E%3Cpath d='M0 22h9M35 22h9M22 0v9M22 35v9'/%3E%3C/g%3E%3C/svg%3E");--mu-page-background:var(--mu-pattern-page) 0 0 / var(--mu-naqsh-size) var(--mu-naqsh-size), radial-gradient(120% 60% at 50% -10%, #16303a 0%, transparent 60%), #0c1218;--mu-hero-background:var(--mu-naqsh-gold) center top / var(--mu-naqsh-size) var(--mu-naqsh-size), radial-gradient(90% 70% at 50% 0%, #3dba8e38 0%, transparent 70%), linear-gradient(180deg, #17222d 0%, #0f161e 100%)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--mu-page-background);background-color:var(--mu-color-bg);min-height:100dvh;color:var(--mu-color-text);font-family:var(--mu-font-sans);font-size:var(--mu-text-md);line-height:var(--mu-leading-normal);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0}:focus-visible{outline:3px solid var(--mu-color-focus);outline-offset:2px}.mu-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mu-button{--_bg:var(--mu-color-accent);--_bg-hover:var(--mu-color-accent-hover);--_fg:var(--mu-color-on-accent);--_border:transparent;--_depth:var(--mu-color-accent-depth);justify-content:center;align-items:center;gap:var(--mu-space-2);min-height:var(--mu-control-md);padding:0 var(--mu-space-5);border:1.5px solid var(--_border);border-radius:var(--mu-radius-md);background:var(--_bg);box-shadow:0 3px 0 var(--_depth);color:var(--_fg);font:inherit;font-weight:var(--mu-weight-semibold);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--mu-duration-fast) var(--mu-ease), box-shadow var(--mu-duration-fast) var(--mu-ease), transform var(--mu-duration-fast) var(--mu-ease);line-height:1;text-decoration:none;display:inline-flex;position:relative}.mu-button:hover:not(:disabled){background:var(--_bg-hover)}.mu-button:active:not(:disabled){box-shadow:0 1px 0 var(--_depth);transform:scale(.98)}.mu-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.mu-button[aria-busy=true]{cursor:progress;opacity:1}.mu-button--secondary{--_bg:var(--mu-color-surface-2);--_bg-hover:var(--mu-color-border);--_fg:var(--mu-color-text);--_border:var(--mu-color-border);--_depth:var(--mu-color-border-strong)}.mu-button--ghost{--_bg:transparent;--_bg-hover:var(--mu-color-surface-2);--_fg:var(--mu-color-text);--_depth:transparent}.mu-button--danger{--_bg:var(--mu-color-danger);--_bg-hover:var(--mu-color-danger);--_fg:var(--mu-color-on-danger);--_depth:color-mix(in srgb, var(--mu-color-danger) 55%, black)}.mu-button--sm{min-height:var(--mu-control-sm);padding:0 var(--mu-space-3);font-size:var(--mu-text-sm);border-radius:var(--mu-radius-sm)}.mu-button--lg{min-height:var(--mu-control-lg);padding:0 var(--mu-space-6);font-size:var(--mu-text-lg);border-radius:var(--mu-radius-lg)}.mu-button--full{width:100%;display:flex}.mu-button__label--hidden{opacity:0}.mu-button__spinner{margin:auto;position:absolute;inset:0}.mu-spinner{border-radius:var(--mu-radius-full);border:2px solid;border-right-color:#0000;width:1.125em;height:1.125em;animation:.7s linear infinite mu-spin;display:inline-block}@keyframes mu-spin{to{transform:rotate(360deg)}}.mu-card{background:var(--mu-color-surface);color:var(--mu-color-text);border:1px solid var(--mu-color-border);border-radius:var(--mu-radius-lg);padding:var(--mu-space-4);box-shadow:var(--mu-shadow-sm);display:block}.mu-card--elevated{box-shadow:var(--mu-shadow-md)}.mu-card--padding-none{padding:0}.mu-card--padding-lg{padding:var(--mu-space-6)}.mu-card__title{margin:0 0 var(--mu-space-2);font-size:var(--mu-text-lg);font-weight:var(--mu-weight-semibold);line-height:var(--mu-leading-tight);color:var(--mu-color-heading)}.mu-field{gap:var(--mu-space-1);flex-direction:column;display:flex}.mu-field__label{font-size:var(--mu-text-sm);font-weight:var(--mu-weight-medium)}.mu-field__input{min-height:var(--mu-control-md);width:100%;padding:0 var(--mu-space-3);border:1.5px solid var(--mu-color-border-input);border-radius:var(--mu-radius-md);background:var(--mu-color-surface);color:var(--mu-color-text);font:inherit;font-size:max(16px, var(--mu-text-md))}.mu-field__input::placeholder{color:var(--mu-color-text-muted)}.mu-field__input:focus-visible{border-color:var(--mu-color-focus);box-shadow:0 0 0 3px var(--mu-color-accent-soft);outline:none}.mu-field__input[aria-invalid=true]{border-color:var(--mu-color-danger)}.mu-field__input:disabled{opacity:.6;cursor:not-allowed}.mu-field__hint{font-size:var(--mu-text-sm);color:var(--mu-color-text-muted);margin:0}.mu-field__error{font-size:var(--mu-text-sm);color:var(--mu-color-danger);margin:0}.mu-arabic{font-family:var(--mu-font-arabic);line-height:var(--mu-leading-arabic);font-weight:var(--mu-weight-regular);font-synthesis:none;text-rendering:optimizelegibility;unicode-bidi:isolate}.mu-arabic--sm{font-size:var(--mu-arabic-sm)}.mu-arabic--md{font-size:var(--mu-arabic-md)}.mu-arabic--lg{font-size:var(--mu-arabic-lg)}.mu-arabic--xl{font-size:var(--mu-arabic-xl)}.mu-arabic--2xl{font-size:var(--mu-arabic-2xl)}.mu-arabic--inherit{font-size:inherit}div.mu-arabic,p.mu-arabic{text-align:right;margin-block:0;display:block}.mu-modal-overlay{z-index:var(--mu-z-modal);padding:var(--mu-space-4);background:var(--mu-color-overlay);animation:mu-fade-in var(--mu-duration-normal) var(--mu-ease);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=600px){.mu-modal-overlay{align-items:center}}.mu-modal{width:100%;max-width:32rem;max-height:calc(100dvh - 2 * var(--mu-space-4));background:var(--mu-color-surface);color:var(--mu-color-text);border:1px solid var(--mu-color-border);border-radius:var(--mu-radius-xl);box-shadow:var(--mu-shadow-lg);animation:mu-slide-up var(--mu-duration-normal) var(--mu-ease);overflow:auto}.mu-modal:focus-visible{outline:none}.mu-modal__header{justify-content:space-between;align-items:center;gap:var(--mu-space-3);padding:var(--mu-space-4) var(--mu-space-4) 0 var(--mu-space-5);display:flex}.mu-modal__title{font-size:var(--mu-text-xl);font-weight:var(--mu-weight-semibold);line-height:var(--mu-leading-tight);margin:0}.mu-modal__close{width:var(--mu-control-md);height:var(--mu-control-md);border-radius:var(--mu-radius-full);color:var(--mu-color-text-muted);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:inline-flex}.mu-modal__close:hover{background:var(--mu-color-surface-2);color:var(--mu-color-text)}.mu-modal__body{padding:var(--mu-space-4) var(--mu-space-5)}.mu-modal__footer{justify-content:flex-end;gap:var(--mu-space-2);padding:0 var(--mu-space-5) var(--mu-space-5);flex-wrap:wrap;display:flex}@keyframes mu-fade-in{0%{opacity:0}}@keyframes mu-slide-up{0%{opacity:0;transform:translateY(1rem)}}.mu-bottom-nav{z-index:var(--mu-z-nav);background:var(--mu-color-surface);border-top:1px solid var(--mu-color-border);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:var(--mu-shadow-nav);position:fixed;inset:auto 0 0}.mu-bottom-nav__list{max-width:var(--mu-content-max);grid-auto-columns:1fr;grid-auto-flow:column;margin:0 auto;padding:0;list-style:none;display:grid}.mu-bottom-nav__link{min-height:var(--mu-bottom-nav-height);padding:var(--mu-space-1) 2px;color:var(--mu-color-text-muted);font-size:var(--mu-text-xs);font-weight:var(--mu-weight-medium);transition:color var(--mu-duration-fast) var(--mu-ease);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.mu-bottom-nav__link:hover{color:var(--mu-color-text)}.mu-bottom-nav__link[aria-current=page]{color:var(--mu-color-accent);font-weight:var(--mu-weight-semibold)}.mu-bottom-nav__icon{border-radius:var(--mu-radius-full);width:3rem;height:1.75rem;transition:background-color var(--mu-duration-fast) var(--mu-ease);justify-content:center;align-items:center;display:inline-flex}.mu-bottom-nav__icon svg{width:1.375rem;height:1.375rem}.mu-bottom-nav__link[aria-current=page] .mu-bottom-nav__icon{background:var(--mu-color-accent-soft)}.mu-bottom-nav__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mu-toast-region{z-index:var(--mu-z-toast);inset:var(--mu-space-4) var(--mu-space-4) auto var(--mu-space-4);align-items:center;gap:var(--mu-space-2);padding:0;padding-top:env(safe-area-inset-top,0px);pointer-events:none;flex-direction:column;margin:0;list-style:none;display:flex;position:fixed}.mu-toast{align-items:flex-start;gap:var(--mu-space-3);width:100%;max-width:26rem;padding:var(--mu-space-3) var(--mu-space-3) var(--mu-space-3) var(--mu-space-4);background:var(--mu-color-surface);color:var(--mu-color-text);border:1px solid var(--mu-color-border);border-left:4px solid var(--_tone,var(--mu-color-info));border-radius:var(--mu-radius-md);box-shadow:var(--mu-shadow-md);pointer-events:auto;animation:mu-slide-down var(--mu-duration-normal) var(--mu-ease);display:flex}.mu-toast--success{--_tone:var(--mu-color-success)}.mu-toast--error{--_tone:var(--mu-color-danger)}.mu-toast--warning{--_tone:var(--mu-color-warning)}.mu-toast--info{--_tone:var(--mu-color-info)}.mu-toast__content{flex:1;min-width:0;padding-top:2px}.mu-toast__title{font-weight:var(--mu-weight-semibold);margin:0}.mu-toast__message{font-size:var(--mu-text-sm);color:var(--mu-color-text-muted);margin:0}.mu-toast__close{border-radius:var(--mu-radius-full);width:2rem;height:2rem;color:var(--mu-color-text-muted);cursor:pointer;background:0 0;border:0;flex:none;font-size:1.25rem;line-height:1}.mu-toast__close:hover{background:var(--mu-color-surface-2)}@keyframes mu-slide-down{0%{opacity:0;transform:translateY(-.75rem)}}.mu-avatar{--_size:2.5rem;width:var(--_size);height:var(--_size);border-radius:var(--mu-radius-full);background:var(--_avatar-bg,var(--mu-color-surface-2));color:#fff;font-size:calc(var(--_size) * .4);font-weight:var(--mu-weight-semibold);letter-spacing:.02em;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.mu-avatar--xs{--_size:1.5rem}.mu-avatar--sm{--_size:2rem}.mu-avatar--lg{--_size:3.5rem}.mu-avatar--xl{--_size:5rem}.mu-avatar__img{object-fit:cover;width:100%;height:100%}.mu-badge{--_badge-bg:var(--mu-color-surface-2);--_badge-fg:var(--mu-color-text-muted);align-items:center;gap:var(--mu-space-1);min-height:1.5rem;padding:0 var(--mu-space-2);border-radius:var(--mu-radius-full);background:var(--_badge-bg);color:var(--_badge-fg);font-size:var(--mu-text-xs);font-weight:var(--mu-weight-semibold);white-space:nowrap;line-height:1;display:inline-flex}.mu-badge--accent{--_badge-bg:var(--mu-color-accent-soft);--_badge-fg:var(--mu-color-accent)}.mu-badge--success{--_badge-bg:var(--mu-color-success-soft);--_badge-fg:var(--mu-color-success)}.mu-badge--warning{--_badge-bg:var(--mu-color-warning-soft);--_badge-fg:var(--mu-color-warning)}.mu-badge--danger{--_badge-bg:var(--mu-color-danger-soft);--_badge-fg:var(--mu-color-danger)}.mu-badge--info{--_badge-bg:var(--mu-color-info-soft);--_badge-fg:var(--mu-color-info)}.mu-select{appearance:none;padding-right:var(--mu-space-8);cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 1.125rem),calc(100% - .75rem);background-repeat:no-repeat;background-size:.375rem .375rem}.mu-textarea{min-height:5rem;padding:var(--mu-space-2) var(--mu-space-3);resize:vertical;line-height:var(--mu-leading-normal)}.mu-check{align-items:flex-start;gap:var(--mu-space-2);min-height:var(--mu-control-sm);display:flex}.mu-check input{width:1.25rem;height:1.25rem;accent-color:var(--mu-color-accent);cursor:pointer;flex:none;margin:.125rem 0 0}.mu-check input:disabled+.mu-check__label{opacity:.55;cursor:not-allowed}.mu-check__label{cursor:pointer;flex-direction:column;display:flex}.mu-check__hint{font-size:var(--mu-text-sm);color:var(--mu-color-text-muted)}.mu-check-group{gap:var(--mu-space-2);border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.mu-check-group>legend{margin-bottom:var(--mu-space-1);padding:0}.mu-check-group__options{gap:var(--mu-space-1);flex-direction:column;display:flex}.mu-check-group--inline .mu-check-group__options{gap:var(--mu-space-1) var(--mu-space-4);flex-flow:wrap}.mu-table-wrap{border:1px solid var(--mu-color-border);border-radius:var(--mu-radius-lg);background:var(--mu-color-surface);width:100%;overflow-x:auto}.mu-table{border-collapse:collapse;width:100%;font-size:var(--mu-text-sm)}.mu-table th,.mu-table td{padding:var(--mu-space-3);border-bottom:1px solid var(--mu-color-border);text-align:start;vertical-align:middle}.mu-table--compact th,.mu-table--compact td{padding:var(--mu-space-2) var(--mu-space-3)}.mu-table thead th{background:var(--mu-color-surface-2);color:var(--mu-color-text-muted);font-size:var(--mu-text-xs);font-weight:var(--mu-weight-semibold);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;position:sticky;top:0}.mu-table tbody th{font-weight:var(--mu-weight-semibold)}.mu-table tbody tr:last-child>*{border-bottom:0}.mu-table tbody tr:hover{background:color-mix(in srgb, var(--mu-color-surface-2) 50%, transparent)}.mu-table__cell--center{text-align:center!important}.mu-table__cell--end{text-align:end!important}.mu-table__state{color:var(--mu-color-text-muted);padding:var(--mu-space-8) var(--mu-space-4)!important;text-align:center!important}.mu-table__row--expanded>*{border-bottom-color:#0000}.mu-table__detail>td{background:var(--mu-color-surface-2)}.mu-pagination{justify-content:space-between;align-items:center;gap:var(--mu-space-2);margin-top:var(--mu-space-3);flex-wrap:wrap;display:flex}.mu-pagination__summary{color:var(--mu-color-text-muted);font-size:var(--mu-text-sm);margin:0}.mu-pagination__buttons{align-items:center;gap:var(--mu-space-2);display:flex}.mu-pagination__page{min-width:3.5rem;font-size:var(--mu-text-sm);text-align:center}.mu-confirm{gap:var(--mu-space-3);flex-direction:column;display:flex}.mu-confirm>p{margin:0}.mu-file-drop{min-height:7rem;padding:var(--mu-space-4);border:2px dashed var(--mu-color-border-strong);border-radius:var(--mu-radius-lg);background:var(--mu-color-surface);color:var(--mu-color-text-muted);text-align:center;transition:border-color var(--mu-duration-fast) var(--mu-ease), background-color var(--mu-duration-fast) var(--mu-ease);justify-content:center;align-items:center;display:flex;position:relative}.mu-file-drop:focus-within{border-color:var(--mu-color-focus);box-shadow:0 0 0 3px var(--mu-color-accent-soft)}.mu-file-drop--active{border-color:var(--mu-color-accent);background:var(--mu-color-accent-soft)}.mu-file-drop--invalid{border-color:var(--mu-color-danger)}.mu-file-drop--disabled{opacity:.6}.mu-file-drop__input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.mu-file-drop--disabled .mu-file-drop__input{cursor:not-allowed}.mu-file-drop__file{z-index:1;justify-content:center;align-items:center;gap:var(--mu-space-2);color:var(--mu-color-text);flex-wrap:wrap;display:flex;position:relative}.mu-file-drop__name{font-weight:var(--mu-weight-semibold);word-break:break-all}.mu-file-drop__size{color:var(--mu-color-text-muted);font-size:var(--mu-text-sm)}.mu-dropzone{justify-content:center;align-items:center;gap:var(--mu-space-3);min-height:7rem;padding:var(--mu-space-4);border:2px dashed var(--mu-color-border-strong);border-radius:var(--mu-radius-lg);background:var(--mu-color-surface);color:var(--mu-color-text-muted);text-align:center;transition:border-color var(--mu-duration-fast) var(--mu-ease), background-color var(--mu-duration-fast) var(--mu-ease);flex-direction:column;display:flex}.mu-dropzone:focus-within{border-color:var(--mu-color-focus)}.mu-dropzone--active{border-color:var(--mu-color-accent);background:var(--mu-color-accent-soft)}.mu-dropzone--invalid{border-color:var(--mu-color-danger)}.mu-dropzone--disabled{opacity:.6}.mu-dropzone__actions{justify-content:center;gap:var(--mu-space-2);flex-wrap:wrap;display:flex}.mu-dropzone-field>.mu-dropzone__actions{justify-content:flex-start}.mu-dropzone__errors{margin:0;padding-inline-start:var(--mu-space-4)}.mu-upload-progress{gap:var(--mu-space-1);display:grid}.mu-upload-progress__head{justify-content:space-between;gap:var(--mu-space-2);font-size:var(--mu-text-sm);display:flex}.mu-upload-progress__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mu-upload-progress__value{color:var(--mu-color-text-muted);font-variant-numeric:tabular-nums}.mu-upload-progress__track{border-radius:var(--mu-radius-full);background:var(--mu-color-surface-2);height:.5rem;position:relative;overflow:hidden}.mu-upload-progress__bar{border-radius:inherit;background:var(--mu-color-accent);width:0;height:100%;transition:width var(--mu-duration-normal) var(--mu-ease);display:block}.mu-upload-progress--done .mu-upload-progress__bar{background:var(--mu-color-success)}.mu-upload-progress--error .mu-upload-progress__bar{background:var(--mu-color-danger)}.mu-upload-progress--indeterminate .mu-upload-progress__bar{width:35%;animation:mu-upload-indeterminate 1.2s var(--mu-ease) infinite}@keyframes mu-upload-indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}.mu-upload-progress__actions{gap:var(--mu-space-2);display:flex}.mu-spinner-status{align-items:center;gap:var(--mu-space-2);color:var(--mu-color-text-muted);display:inline-flex}.mu-arabic-input{font-family:var(--mu-font-arabic);line-height:var(--mu-leading-arabic);font-synthesis:none;text-align:right;unicode-bidi:plaintext}.mu-arabic-input--md{font-size:max(16px, var(--mu-arabic-sm))}.mu-arabic-input--lg{font-size:var(--mu-arabic-md)}textarea.mu-arabic-input{padding-block:var(--mu-space-2)}.mu-harakat-bar{gap:var(--mu-space-1);flex-wrap:wrap;display:flex}.mu-harakat-bar__btn{min-width:2.5rem;min-height:2.5rem;padding:0 var(--mu-space-2);border:1px solid var(--mu-color-border);border-radius:var(--mu-radius-sm);background:var(--mu-color-surface-2);color:var(--mu-color-text);cursor:pointer;transition:background var(--mu-duration-fast) var(--mu-ease)}.mu-harakat-bar__btn:hover:not(:disabled){background:var(--mu-color-accent-soft)}.mu-harakat-bar__btn:focus-visible{outline:2px solid var(--mu-color-focus);outline-offset:1px}.mu-harakat-bar__btn:disabled{opacity:.5;cursor:not-allowed}.mu-harakat-bar__mark{font-family:var(--mu-font-arabic);font-size:var(--mu-arabic-md);line-height:1}.mu-akb{--_gap:.25rem;gap:var(--_gap);width:100%;max-width:32rem;padding:var(--_gap);border-radius:var(--mu-radius-md);background:var(--mu-color-surface-2);-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-direction:column;margin-inline:auto;display:flex}.mu-akb__row{gap:var(--_gap);grid-template-columns:repeat(11,minmax(0,1fr));display:grid}.mu-akb__row--harakat{grid-template-columns:repeat(8,minmax(0,1fr))}.mu-akb__key{border:1px solid var(--mu-color-border);border-radius:var(--mu-radius-sm);background:var(--mu-color-surface);min-width:0;min-height:2.875rem;color:var(--mu-color-text);font-family:var(--mu-font-arabic);box-shadow:0 1px 0 var(--mu-color-border-strong);cursor:pointer;transition:background var(--mu-duration-fast) var(--mu-ease), transform var(--mu-duration-fast) var(--mu-ease);padding:0;font-size:1.375rem;line-height:1}.mu-akb__key:hover:not(:disabled){background:var(--mu-color-accent-soft)}.mu-akb__key:active:not(:disabled){background:var(--mu-color-accent-soft);box-shadow:none;transform:translateY(1px)}.mu-akb__key:focus-visible{outline:2px solid var(--mu-color-focus);outline-offset:1px}.mu-akb__key:disabled{opacity:.5;cursor:not-allowed}.mu-akb__key--harakat{min-height:2.5rem;font-size:var(--mu-arabic-md)}.mu-akb__key--space{font-family:var(--mu-font-sans);font-size:var(--mu-text-sm);color:var(--mu-color-text-muted);grid-column:span 6}.mu-akb__key--backspace{font-family:var(--mu-font-sans);grid-column:span 2;justify-content:center;align-items:center;display:inline-flex}.mu-audio-btn{--_size:var(--mu-control-md);justify-content:center;align-items:center;gap:var(--mu-space-2);min-width:var(--_size);height:var(--_size);border-radius:var(--mu-radius-full);background:var(--mu-color-accent-soft);color:var(--mu-color-accent);font:inherit;font-weight:var(--mu-weight-semibold);font-size:calc(var(--_size) * .5);cursor:pointer;transition:background var(--mu-duration-fast) var(--mu-ease), transform var(--mu-duration-fast) var(--mu-ease);border:0;flex-shrink:0;padding:0;display:inline-flex}.mu-audio-btn--sm{--_size:var(--mu-control-sm)}.mu-audio-btn--lg{--_size:4rem}.mu-audio-btn--solid{background:var(--mu-color-accent);color:var(--mu-color-on-accent)}.mu-audio-btn--ghost{background:0 0}.mu-audio-btn--labelled{padding-inline:var(--mu-space-4);font-size:var(--mu-text-md)}.mu-audio-btn--labelled .mu-audio-btn__icon{font-size:1.25em}.mu-audio-btn:hover:not(:disabled){filter:brightness(1.05)}.mu-audio-btn:active:not(:disabled){transform:scale(.95)}.mu-audio-btn:disabled{opacity:.45;cursor:not-allowed}.mu-audio-btn--playing{box-shadow:0 0 0 3px var(--mu-color-accent-soft)}.mu-audio-btn--error{background:var(--mu-color-danger-soft);color:var(--mu-color-danger)}.mu-audio-btn__icon{line-height:0;display:inline-flex}.mu-audio-btn__icon .mu-spinner{width:.8em;height:.8em}.mu-audio-btn__wave--on{animation:.9s ease-in-out infinite mu-audio-wave}@keyframes mu-audio-wave{50%{opacity:.35}}.mu-timer{color:var(--mu-color-text);flex-shrink:0;place-items:center;display:inline-grid;position:relative}.mu-timer svg{position:absolute;inset:0}.mu-timer__track{stroke:var(--mu-color-border)}.mu-timer__ring{stroke:var(--mu-color-accent);transition:stroke-dashoffset .1s linear, stroke var(--mu-duration-normal) var(--mu-ease)}.mu-timer__value{font-size:var(--mu-text-lg);font-weight:var(--mu-weight-bold);font-variant-numeric:tabular-nums;position:relative}.mu-timer--low .mu-timer__ring{stroke:var(--mu-color-danger)}.mu-timer--low .mu-timer__value{color:var(--mu-color-danger)}.mu-timer--paused{opacity:.7}.mu-progress-dots{align-items:center;gap:3px;width:100%;display:flex}.mu-progress-dots__dot{border-radius:var(--mu-radius-full);background:var(--mu-color-border);min-width:4px;max-width:2.5rem;height:.5rem;transition:background var(--mu-duration-normal) var(--mu-ease);flex:1 1 0}.mu-progress-dots__dot--current{background:var(--mu-color-accent);box-shadow:0 0 0 2px var(--mu-color-accent-soft)}.mu-progress-dots__dot--correct{background:var(--mu-color-success)}.mu-progress-dots__dot--wrong{background:var(--mu-color-danger)}.mu-progress-dots__dot--skipped{background:var(--mu-color-warning)}.mu-modal-overlay--sheet{align-items:flex-end;padding:0}.mu-modal--sheet{max-width:var(--mu-content-max);max-height:85dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:var(--mu-radius-xl) var(--mu-radius-xl) 0 0;animation:mu-sheet-up var(--mu-duration-normal) var(--mu-ease);border-bottom:0}.mu-modal__handle{width:2.5rem;height:.3125rem;margin:var(--mu-space-2) auto 0;border-radius:var(--mu-radius-full);background:var(--mu-color-border-strong);display:block}@keyframes mu-sheet-up{0%{transform:translateY(100%)}}.mu-level-badge{--_size:3rem;--_level-progress:0deg;width:var(--_size);height:var(--_size);border-radius:var(--mu-radius-full);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.mu-level-badge--sm{--_size:2.25rem}.mu-level-badge--lg{--_size:4.5rem}.mu-level-badge--progress{background:conic-gradient(var(--mu-color-gold) var(--_level-progress), var(--mu-color-border) var(--_level-progress))}.mu-level-badge__coin{border-radius:inherit;background:var(--mu-color-gold-soft);width:calc(100% - 6px);height:calc(100% - 6px);color:var(--mu-color-gold-ink);box-shadow:inset 0 0 0 2px var(--mu-color-gold);flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.mu-level-badge__label{font-size:calc(var(--_size) * .17);font-weight:var(--mu-weight-semibold);letter-spacing:.04em;text-transform:uppercase}.mu-level-badge__value{font-size:calc(var(--_size) * .38);font-weight:var(--mu-weight-bold);font-variant-numeric:tabular-nums}.mu-level-badge--sm .mu-level-badge__label{display:none}.mu-level-badge--sm .mu-level-badge__value{font-size:calc(var(--_size) * .45)}.mu-rank-row{align-items:center;gap:var(--mu-space-3);min-height:var(--mu-control-lg);padding:var(--mu-space-2) var(--mu-space-3);border-radius:var(--mu-radius-md);list-style:none;display:flex}.mu-rank-row+.mu-rank-row{margin-top:var(--mu-space-1)}.mu-rank-row--current{background:var(--mu-color-accent-soft);box-shadow:inset 0 0 0 1px var(--mu-color-accent)}.mu-rank-row__place{flex-direction:column;flex:none;justify-content:center;align-items:center;min-width:2.25rem;line-height:1.1;display:inline-flex}.mu-rank-row__medal{font-size:1.25rem}.mu-rank-row__rank{font-weight:var(--mu-weight-bold);font-variant-numeric:tabular-nums}.mu-rank-row__medal+.mu-rank-row__rank{font-size:var(--mu-text-xs);color:var(--mu-color-text-muted)}.mu-rank-row__tie{font-size:.625rem;font-weight:var(--mu-weight-semibold);color:var(--mu-color-text-muted);text-transform:uppercase;letter-spacing:.04em}.mu-rank-row__who{flex-direction:column;flex:auto;min-width:0;display:flex}.mu-rank-row__name{font-weight:var(--mu-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mu-rank-row__you{color:var(--mu-color-accent);font-weight:var(--mu-weight-medium)}.mu-rank-row__subtitle{color:var(--mu-color-text-muted);font-size:var(--mu-text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mu-rank-row__value{font-weight:var(--mu-weight-bold);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.mu-rank-row__unit{color:var(--mu-color-text-muted);font-size:var(--mu-text-xs);font-weight:var(--mu-weight-medium)}.mu-segmented{border-radius:var(--mu-radius-full);background:var(--mu-color-surface-2);border:1px solid var(--mu-color-border);gap:2px;padding:3px;display:inline-flex}.mu-segmented--full{width:100%;display:flex}.mu-segmented__option{min-height:var(--mu-control-sm);padding:0 var(--mu-space-4);border-radius:var(--mu-radius-full);color:var(--mu-color-text-muted);font:inherit;font-size:var(--mu-text-sm);font-weight:var(--mu-weight-semibold);white-space:nowrap;cursor:pointer;transition:background var(--mu-duration-fast) var(--mu-ease), color var(--mu-duration-fast) var(--mu-ease);background:0 0;border:0;flex:1 1 0}.mu-segmented--sm .mu-segmented__option{min-height:2rem;padding:0 var(--mu-space-3);font-size:var(--mu-text-xs)}.mu-segmented__option:hover:not(:disabled){color:var(--mu-color-text)}.mu-segmented__option--active{background:var(--mu-color-surface);color:var(--mu-color-text);box-shadow:var(--mu-shadow-sm)}.mu-segmented__option:disabled{opacity:.5;cursor:not-allowed}.mu-segmented__option:focus-visible,.mu-tabs__tab:focus-visible{outline:2px solid var(--mu-color-focus);outline-offset:2px}.mu-tabs__list{gap:var(--mu-space-1);border-bottom:1px solid var(--mu-color-border);display:flex}.mu-tabs__tab{min-height:var(--mu-control-md);padding:0 var(--mu-space-3);color:var(--mu-color-text-muted);font:inherit;font-weight:var(--mu-weight-semibold);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:1 1 0;margin-bottom:-1px}.mu-tabs__tab:hover:not(:disabled){color:var(--mu-color-text)}.mu-tabs__tab--active{border-bottom-color:var(--mu-color-accent);color:var(--mu-color-text)}.mu-tabs__tab:disabled{opacity:.5;cursor:not-allowed}.mu-tabs__panel{padding-top:var(--mu-space-4)}.mu-tabs__panel:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.mu-modal--sheet{animation:none}}.mu-recorder{gap:var(--mu-space-2);flex-direction:column;display:flex}.mu-recorder__row{align-items:center;gap:var(--mu-space-3);min-width:0;display:flex}.mu-recorder__btn{border-radius:var(--mu-radius-full);background:var(--mu-color-accent);width:4rem;height:4rem;color:var(--mu-color-on-accent);cursor:pointer;touch-action:manipulation;transition:background var(--mu-duration-fast) var(--mu-ease), transform var(--mu-duration-fast) var(--mu-ease);border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.75rem;display:inline-flex}.mu-recorder__btn:active:not(:disabled){transform:scale(.95)}.mu-recorder__btn:disabled{opacity:.45;cursor:not-allowed}.mu-recorder__btn--play{background:var(--mu-color-accent-soft);width:3rem;height:3rem;color:var(--mu-color-accent);font-size:1.25rem}.mu-recorder--recording .mu-recorder__btn--record{background:var(--mu-color-danger);color:var(--mu-color-on-danger);animation:1.2s ease-in-out infinite mu-recorder-pulse}@keyframes mu-recorder-pulse{50%{box-shadow:0 0 0 8px var(--mu-color-danger-soft)}}.mu-recorder__meter{gap:var(--mu-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.mu-recorder__time{font-variant-numeric:tabular-nums;font-weight:var(--mu-weight-semibold);color:var(--mu-color-text)}.mu-recorder__bar{border-radius:var(--mu-radius-full);background:var(--mu-color-border);height:.375rem;display:block;overflow:hidden}.mu-recorder__fill{background:var(--mu-color-accent);transform-origin:0;height:100%;transition:transform .25s linear;display:block}.mu-recorder--recording .mu-recorder__fill{background:var(--mu-color-danger)}.mu-recorder__retry{margin-inline-start:auto}.mu-recorder__audio{display:none}.mu-recorder__hint{min-height:1.25em;font-size:var(--mu-text-sm);color:var(--mu-color-text-muted);margin:0}.mu-recorder__error{font-size:var(--mu-text-sm);color:var(--mu-color-danger);margin:0}@media (prefers-reduced-motion:reduce){.mu-recorder--recording .mu-recorder__btn--record{animation:none}.mu-recorder__fill{transition:none}}.mu-audio-player{align-items:center;gap:var(--mu-space-2) var(--mu-space-3);max-width:32rem;padding:var(--mu-space-2) var(--mu-space-3);border:1px solid var(--mu-color-border);border-radius:var(--mu-radius-full);background:var(--mu-color-surface);flex-wrap:wrap;display:flex}.mu-audio-player audio{display:none}.mu-audio-player__play{width:var(--mu-control-md);height:var(--mu-control-md);border-radius:var(--mu-radius-full);background:var(--mu-color-accent);color:var(--mu-color-on-accent);cursor:pointer;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.25rem;display:inline-flex}.mu-audio-player__play .mu-spinner{width:1em;height:1em}.mu-audio-player__ctrl{min-width:var(--mu-control-sm);height:var(--mu-control-sm);padding:0 var(--mu-space-2);border:1px solid var(--mu-color-border);border-radius:var(--mu-radius-full);color:var(--mu-color-text);font:inherit;font-size:var(--mu-text-sm);font-weight:var(--mu-weight-semibold);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;flex-shrink:0}.mu-audio-player__ctrl:hover:not(:disabled){background:var(--mu-color-surface-2)}.mu-audio-player__play:disabled,.mu-audio-player__ctrl:disabled{opacity:.45;cursor:not-allowed}.mu-audio-player__play:focus-visible,.mu-audio-player__ctrl:focus-visible,.mu-audio-player__seek:focus-visible{outline:2px solid var(--mu-color-focus);outline-offset:2px}.mu-audio-player__seek{min-width:6rem;accent-color:var(--mu-color-accent);flex:8rem}.mu-audio-player__time{color:var(--mu-color-text-muted);font-size:var(--mu-text-sm);font-variant-numeric:tabular-nums;flex-shrink:0}.mu-audio-player__status{padding-inline:var(--mu-space-2);color:var(--mu-color-text-muted);font-size:var(--mu-text-sm);flex-basis:100%}.mu-audio-player--error{border-color:var(--mu-color-danger)}.mu-audio-player--error .mu-audio-player__status{color:var(--mu-color-danger)}.mu-audio-player--unavailable{border-style:dashed}.app-shell{min-height:100dvh}.app-main{max-width:var(--mu-content-max);padding:var(--mu-space-4) var(--mu-space-4) calc(env(safe-area-inset-bottom,0px) + var(--mu-space-8));padding-top:calc(var(--mu-space-4) + env(safe-area-inset-top,0px));margin:0 auto}.app-main:focus{outline:none}.skip-link{left:var(--mu-space-2);z-index:var(--mu-z-toast);padding:var(--mu-space-2) var(--mu-space-3);border-radius:var(--mu-radius-sm);background:var(--mu-color-accent);color:var(--mu-color-on-accent);position:absolute;top:-3rem}.skip-link:focus{top:var(--mu-space-2)}.page-header{margin-bottom:var(--mu-space-4)}.page-title{font-size:var(--mu-text-2xl);line-height:var(--mu-leading-tight);color:var(--mu-color-heading);margin:0}.page-subtitle,.muted{margin:var(--mu-space-1) 0 0;color:var(--mu-color-text-muted)}.stack{gap:var(--mu-space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--mu-space-3);display:flex}.row.wrap{flex-wrap:wrap}.text-link{color:var(--mu-color-accent);font-weight:var(--mu-weight-semibold)}.radio-group{gap:var(--mu-space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.radio{align-items:center;gap:var(--mu-space-3);min-height:var(--mu-control-md);cursor:pointer;display:flex}.radio input{width:1.25rem;height:1.25rem;accent-color:var(--mu-color-accent)}.login-screen{justify-content:center;gap:var(--mu-space-6);max-width:26rem;min-height:100dvh;padding:var(--mu-space-6) var(--mu-space-4);flex-direction:column;margin:0 auto;display:flex}.login-brand{align-items:center;gap:var(--mu-space-2);text-align:center;flex-direction:column;display:flex}.login-brand img{border-radius:var(--mu-radius-lg)}.splash{justify-content:center;align-items:center;gap:var(--mu-space-4);flex-direction:column;min-height:100dvh;display:flex}.splash img{border-radius:var(--mu-radius-lg)}.step-header{align-items:flex-start;gap:var(--mu-space-1);flex-direction:column;display:flex}.step-title{font-size:var(--mu-text-xl);line-height:var(--mu-leading-tight);margin:0}.code-input{min-height:var(--mu-control-lg);font-size:var(--mu-text-xl);font-weight:var(--mu-weight-bold);letter-spacing:.2em;text-align:center;text-transform:uppercase}.code-input::placeholder{letter-spacing:.2em;opacity:.45}.name-list{gap:var(--mu-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.name-row{align-items:center;gap:var(--mu-space-3);width:100%;min-height:3.5rem;padding:var(--mu-space-3) var(--mu-space-4);border:1.5px solid var(--mu-color-border);border-radius:var(--mu-radius-lg);background:var(--mu-color-surface);color:var(--mu-color-text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--mu-duration-fast) var(--mu-ease), transform var(--mu-duration-fast) var(--mu-ease);display:flex}.name-row:hover{border-color:var(--mu-color-accent)}.name-row:active{transform:scale(.98)}.name-row__text{justify-content:space-between;align-items:baseline;gap:var(--mu-space-1) var(--mu-space-3);flex-wrap:wrap;flex:1;min-width:0;display:flex}.name-row__name{font-size:var(--mu-text-lg);font-weight:var(--mu-weight-semibold);overflow-wrap:anywhere}.pin-step__who{align-items:center;gap:var(--mu-space-2);text-align:center;flex-direction:column;display:flex}.pin-step__who .muted{margin:0}.pin-step .pin-field__label,.pin-step__status{text-align:center}.pin-field{gap:var(--mu-space-2);flex-direction:column;display:flex}.pin-field__label{font-weight:var(--mu-weight-semibold)}.pin-field__hint,.pin-field__error{font-size:var(--mu-text-sm);color:var(--mu-color-text-muted);text-align:center;margin:0}.pin-field__error{color:var(--mu-color-danger);font-weight:var(--mu-weight-medium)}.pin-input{align-self:center;position:relative}.pin-input__native{z-index:1;opacity:0;caret-color:#0000;cursor:text;border:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.pin-input__native:disabled{cursor:not-allowed}.pin-input__boxes{gap:var(--mu-space-3);display:flex}.pin-input__box{border:2px solid var(--mu-color-border-strong);border-radius:var(--mu-radius-md);background:var(--mu-color-surface);width:3.5rem;height:4rem;color:var(--mu-color-text);transition:border-color var(--mu-duration-fast) var(--mu-ease), box-shadow var(--mu-duration-fast) var(--mu-ease);place-items:center;font-size:2rem;line-height:1;display:grid}.pin-input__box--filled{border-color:var(--mu-color-accent)}.pin-input__box--active{border-color:var(--mu-color-focus);box-shadow:0 0 0 3px var(--mu-color-accent-soft)}.pin-input--invalid .pin-input__box{border-color:var(--mu-color-danger)}.pin-input--disabled .pin-input__boxes{opacity:.55}.pin-input--shake .pin-input__boxes{animation:pin-shake .42s var(--mu-ease)}@keyframes pin-shake{0%,to{transform:translate(0)}15%,55%{transform:translate(-10px)}35%,75%{transform:translate(10px)}90%{transform:translate(-4px)}}.form-error{color:var(--mu-color-danger);font-weight:var(--mu-weight-medium);margin:0}.notice{margin:0 0 var(--mu-space-3);padding:var(--mu-space-3);border-radius:var(--mu-radius-md);background:var(--mu-color-warning-soft);color:var(--mu-color-text)}.profile-name{align-items:flex-start;gap:var(--mu-space-1);flex-direction:column;min-width:0;display:flex}.profile-name .muted{font-size:var(--mu-text-sm);margin:0}.badge{margin-left:var(--mu-space-2);padding:.125rem var(--mu-space-2);border-radius:var(--mu-radius-full);background:var(--mu-color-success-soft);color:var(--mu-color-success);font-size:var(--mu-text-xs);font-weight:var(--mu-weight-semibold);vertical-align:middle;display:inline-block}.device-list{margin:var(--mu-space-3) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.device-row{justify-content:space-between;align-items:center;gap:var(--mu-space-3);padding:var(--mu-space-3) 0;border-top:1px solid var(--mu-color-border);display:flex}.device-row:first-child{border-top:0}.device-row__text{gap:var(--mu-space-1);flex-direction:column;min-width:0;display:flex}.device-row__name{font-weight:var(--mu-weight-semibold);overflow-wrap:anywhere}.device-row__meta{font-size:var(--mu-text-sm);margin:0}.lesson-sections{gap:var(--mu-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lesson-sections__item{justify-content:space-between;gap:var(--mu-space-3);padding:var(--mu-space-2) 0;border-bottom:1px solid var(--mu-color-border);display:flex}.lesson-sections__item:last-child{border-bottom:0}.lesson-sections__item .muted{margin:0}.player{min-height:100dvh;max-width:var(--mu-content-max);padding:calc(var(--mu-space-3) + env(safe-area-inset-top,0px)) var(--mu-space-4) calc(var(--mu-space-4) + env(safe-area-inset-bottom,0px));flex-direction:column;margin:0 auto;display:flex}.player__top{align-items:center;gap:var(--mu-space-3);min-height:var(--mu-control-md);display:flex}.player__body{gap:var(--mu-space-4);padding-top:var(--mu-space-4);flex-direction:column;flex:1;display:flex}.player__body:focus{outline:none}.kbd-demo-output{min-height:3rem;margin:0}.app-column{min-width:0}.app-topbar{z-index:var(--mu-z-nav);align-items:center;gap:var(--mu-space-2);min-height:var(--mu-topbar-height);padding:calc(var(--mu-space-2) + env(safe-area-inset-top,0px)) var(--mu-space-3) var(--mu-space-2);border-bottom:1px solid var(--mu-color-border);background:var(--mu-color-surface);display:flex;position:sticky;top:0}.app-topbar+.app-main{padding-top:var(--mu-space-4)}.app-topbar__brand{align-items:center;gap:var(--mu-space-2);min-width:0;color:var(--mu-color-text);font-weight:var(--mu-weight-bold);font-size:var(--mu-text-lg);text-decoration:none;display:inline-flex}.app-topbar__brand img{border-radius:var(--mu-radius-sm)}.app-topbar__actions{align-items:center;gap:var(--mu-space-1);margin-left:auto;display:flex}.icon-button:disabled{opacity:.5;cursor:progress}.icon-button:focus-visible{outline:2px solid var(--mu-color-focus);outline-offset:2px}.icon-button{cursor:pointer;font:inherit;width:var(--mu-control-md);height:var(--mu-control-md);border-radius:var(--mu-radius-full);color:var(--mu-color-text);background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}.icon-button:hover,.icon-button--active{background:var(--mu-color-surface-2)}.icon-button svg{width:1.5rem;height:1.5rem}.bell__badge{border-radius:var(--mu-radius-full);background:var(--mu-color-danger);min-width:1.125rem;height:1.125rem;color:var(--mu-color-on-danger);font-size:.6875rem;font-weight:var(--mu-weight-bold);text-align:center;padding:0 .25rem;line-height:1.125rem;position:absolute;top:.25rem;right:.125rem}.page-header__row{align-items:center;gap:var(--mu-space-2);display:flex}.page-header__back{width:var(--mu-control-md);height:var(--mu-control-md);margin-left:calc(-1 * var(--mu-space-2));border-radius:var(--mu-radius-full);color:var(--mu-color-text);flex:none;justify-content:center;align-items:center;display:inline-flex}.page-header__back:hover{background:var(--mu-color-surface-2)}.page-header__back svg{width:1.5rem;height:1.5rem}.steps{padding-left:var(--mu-space-5);gap:var(--mu-space-2);flex-direction:column;margin:0;display:flex}.load-error{align-items:flex-start;gap:var(--mu-space-3);flex-direction:column;display:flex}.load-error__title{font-size:var(--mu-text-lg);margin:0}.load-error .form-error{margin:0}.side-nav{gap:var(--mu-space-5);height:100dvh;padding:calc(var(--mu-space-4) + env(safe-area-inset-top,0px)) var(--mu-space-3) var(--mu-space-4);border-right:1px solid var(--mu-color-border);background:var(--mu-color-surface);flex-direction:column;display:flex;overflow:hidden auto}.side-nav--drawer{z-index:var(--mu-z-modal);width:min(17rem,85vw);box-shadow:var(--mu-shadow-lg);visibility:hidden;transition:transform var(--mu-duration-fast) var(--mu-ease), visibility 0s linear var(--mu-duration-fast);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.side-nav--drawer.side-nav--open{visibility:visible;transition:transform var(--mu-duration-fast) var(--mu-ease);transform:none}.side-nav-overlay{z-index:calc(var(--mu-z-modal) - 1);background:#0006;position:fixed;inset:0}.side-nav__brand{align-items:center;gap:var(--mu-space-3);min-height:var(--mu-control-md);padding:0 var(--mu-space-2);color:var(--mu-color-text);font-size:var(--mu-text-xl);font-weight:var(--mu-weight-bold);text-decoration:none;display:inline-flex}.side-nav__brand img{border-radius:var(--mu-radius-sm);flex:none}.side-nav__nav{flex-direction:column;flex:1;display:flex}.side-nav__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.side-nav__link{align-items:center;gap:var(--mu-space-3);min-height:var(--mu-control-md);padding:0 var(--mu-space-3);border-radius:var(--mu-radius-md);color:var(--mu-color-text-muted);font-weight:var(--mu-weight-medium);transition:background-color var(--mu-duration-fast) var(--mu-ease), color var(--mu-duration-fast) var(--mu-ease);text-decoration:none;display:flex}.side-nav__link:hover{background:var(--mu-color-surface-2);color:var(--mu-color-text)}.side-nav__link--active,.side-nav__link--active:hover{background:var(--mu-color-accent-soft);color:var(--mu-color-accent);font-weight:var(--mu-weight-semibold)}.side-nav__link:focus-visible,.side-nav__brand:focus-visible{outline:2px solid var(--mu-color-focus);outline-offset:2px}.side-nav__icon{flex:none;display:inline-flex}.side-nav__icon svg{width:1.25rem;height:1.25rem}.side-nav__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-nav__divider{width:100%;height:0;margin:var(--mu-space-3) 0;border:0;border-top:1px solid var(--mu-color-border)}.side-nav__group{margin:0 0 var(--mu-space-2);padding:0 var(--mu-space-3);color:var(--mu-color-text-muted);font-size:var(--mu-text-xs);font-weight:var(--mu-weight-semibold);letter-spacing:.06em;text-transform:uppercase}@media (prefers-reduced-motion:reduce){.side-nav--drawer,.side-nav--drawer.side-nav--open,.side-nav__link{transition:none}}@media (width>=64rem){:root{--mu-sidebar-width:16rem;--mu-sidebar-rail:4.5rem;--mu-content-max:46rem;--mu-content-wide:72rem}.app-shell{grid-template-columns:var(--mu-sidebar-width) minmax(0, 1fr);display:grid}.app-shell--collapsed{grid-template-columns:var(--mu-sidebar-rail) minmax(0, 1fr)}.side-nav{z-index:var(--mu-z-nav);position:sticky;top:0}.side-nav--collapsed{padding-inline:var(--mu-space-2);align-items:center}.side-nav--collapsed .side-nav__brand,.side-nav--collapsed .side-nav__link{width:var(--mu-control-md);justify-content:center;padding:0}.side-nav--collapsed .side-nav__group,.side-nav--collapsed .side-nav__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-topbar{height:var(--mu-topbar-height);padding:var(--mu-space-2) var(--mu-space-6)}.app-topbar__brand{display:none}.app-main,.app-topbar+.app-main{max-width:calc(var(--mu-content-max) + 2 * var(--mu-space-8));padding:var(--mu-space-6) var(--mu-space-8) var(--mu-space-12)}.app-main:has(.page-wide){max-width:calc(var(--mu-content-wide) + 2 * var(--mu-space-8))}.page-header{margin-bottom:var(--mu-space-6)}.page-title{font-size:var(--mu-text-3xl)}}.mu-card.mission-card,.mu-card.profile-hero{--mu-color-surface:#ffffff12;--mu-color-surface-2:#ffffff1f;--mu-color-border:#e7c56647;--mu-color-border-strong:#e7c56680;--mu-color-text:var(--mu-brand-cream);--mu-color-text-muted:#cfc5a2;--mu-color-heading:var(--mu-brand-gold-pale);--mu-color-accent:var(--mu-brand-gold-light);--mu-color-accent-hover:var(--mu-brand-gold-pale);--mu-color-accent-soft:#e7c5662e;--mu-color-on-accent:#10261d;--mu-color-accent-depth:var(--mu-brand-gold-dark);--mu-color-success:#7fd3a6;--mu-color-success-soft:#3dba8e33;--mu-color-danger:#f0a090;--mu-color-danger-soft:#e7766c33;--mu-color-warning:var(--mu-brand-gold-pale);--mu-color-warning-soft:#e7c5662e;--mu-color-focus:var(--mu-brand-gold-pale);background:var(--mu-hero-background);border-color:#e4c77a73;position:relative;box-shadow:0 6px #0000002e}.mu-card.mission-card:before,.mu-card.profile-hero:before{content:"";border-radius:calc(var(--mu-radius-lg) - 4px);pointer-events:none;border:1px solid #e4c77a73;position:absolute;inset:6px}:root[data-theme=premium] .mu-card.mission-card,:root[data-theme=premium] .mu-card.profile-hero{--mu-color-text:#f2ede1;--mu-color-text-muted:#a9b1b9;--mu-color-heading:#e2b75c;--mu-color-accent:#d6a94e;--mu-color-accent-hover:#e6be68;--mu-color-on-accent:#17120a;--mu-color-accent-depth:#7a5b1e;border-color:var(--mu-color-gold-line);box-shadow:var(--mu-shadow-md)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .mu-card.mission-card,:root:not([data-theme]) .mu-card.profile-hero{--mu-color-text:#f2ede1;--mu-color-text-muted:#a9b1b9;--mu-color-heading:#e2b75c;--mu-color-accent:#d6a94e;--mu-color-accent-hover:#e6be68;--mu-color-on-accent:#17120a;--mu-color-accent-depth:#7a5b1e;border-color:var(--mu-color-gold-line);box-shadow:var(--mu-shadow-md)}}.mu-card.wotd{box-shadow:inset 0 0 0 6px var(--mu-color-surface), inset 0 0 0 7px var(--mu-color-gold-line), var(--mu-shadow-sm)}.mu-card.wotd .mu-card__title{color:var(--mu-color-gold-ink)}.notification-card{gap:var(--mu-space-3);min-width:0;padding:var(--mu-space-3);border:1px solid var(--mu-color-border);border-radius:var(--mu-radius-lg);background:var(--mu-color-surface);flex-direction:column;display:flex}@media (width>=40rem){.notification-card{padding:var(--mu-space-4)}}.notification-toolbar{justify-content:space-between;align-items:center;gap:var(--mu-space-2);flex-wrap:wrap;display:flex}.notification-toolbar__count{font-size:var(--mu-text-sm)}.notification-toolbar__actions{align-items:center;gap:var(--mu-space-2);margin-left:auto;display:flex}.notification-toolbar__filter{width:10rem}.notification-toolbar__mark{width:var(--mu-control-md);height:var(--mu-control-md);border:1px solid var(--mu-color-border);border-radius:var(--mu-radius-md);background:var(--mu-color-surface);color:var(--mu-color-accent);cursor:pointer;flex:none;justify-content:center;align-items:center;display:inline-flex}.notification-toolbar__mark:hover:not(:disabled){border-color:var(--mu-color-border-strong)}.notification-toolbar__mark:disabled{color:var(--mu-color-text-muted);cursor:default;opacity:.6}.notification-toolbar__mark:focus-visible{outline:3px solid var(--mu-color-focus);outline-offset:2px}.notification-empty{padding:var(--mu-space-4) 0;text-align:center;margin:0}.notification-list{gap:var(--mu-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.notification{border:1px solid var(--mu-color-border);border-radius:var(--mu-radius-md);background:var(--mu-color-surface);padding:0}.notification__button{align-items:center;gap:var(--mu-space-3);width:100%;min-height:var(--mu-control-lg);padding:var(--mu-space-3) var(--mu-space-4);border-radius:inherit;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;display:flex}.notification__button:hover{background:var(--mu-color-surface-2)}.notification__button:focus-visible{outline:3px solid var(--mu-color-focus);outline-offset:2px}.notification__text{gap:var(--mu-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.notification__title{font-weight:var(--mu-weight-semibold)}.notification__body,.notification__date{font-size:var(--mu-text-sm)}.notification__title,.notification__body,.notification__date{overflow-wrap:anywhere;display:block}.notification__dot{background:var(--mu-color-warning);border-radius:50%;flex:none;width:.625rem;height:.625rem}.notification-pages{justify-content:center;align-items:center;gap:var(--mu-space-1);flex-wrap:wrap;display:flex}.notification-pages__page{min-width:var(--mu-control-sm);height:var(--mu-control-sm);padding:0 var(--mu-space-2);border-radius:var(--mu-radius-sm);color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000}.notification-pages__page:hover{border-color:var(--mu-color-border)}.notification-pages__page--active{border-color:var(--mu-color-accent);color:var(--mu-color-accent);font-weight:var(--mu-weight-semibold)}.notification-pages__page:focus-visible{outline:3px solid var(--mu-color-focus);outline-offset:2px}.notification-pages__gap{padding:0 var(--mu-space-1);color:var(--mu-color-text-muted)}.push-card p{margin:0 0 var(--mu-space-3)}.push-card__actions{gap:var(--mu-space-2);flex-wrap:wrap;display:flex}.push-switch__status{font-size:var(--mu-text-sm);margin:0}.level-up__body{align-items:center;gap:var(--mu-space-4);padding:var(--mu-space-4) 0;text-align:center;flex-direction:column;display:flex;position:relative}.level-up__text{font-size:var(--mu-text-lg);font-weight:var(--mu-weight-semibold);margin:0}.level-up__confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.level-up__confetti span{background:var(--mu-color-accent);opacity:0;border-radius:2px;width:.5rem;height:.75rem;position:absolute;top:45%;left:50%}.level-up__confetti span:nth-child(3n){background:var(--mu-color-success)}.level-up__confetti span:nth-child(3n+1){background:var(--mu-color-warning)}@media (prefers-reduced-motion:no-preference){.level-up__body[data-motion=full] .level-up__badge{animation:level-up-pop .6s var(--mu-ease) both}.level-up__confetti span{animation:1.1s ease-out both level-up-burst;animation-delay:calc(var(--i) * 25ms);--angle:calc(var(--i) * 25.7deg)}}@keyframes level-up-pop{0%{opacity:0;transform:scale(.4)rotate(-12deg)}60%{opacity:1;transform:scale(1.15)rotate(4deg)}to{transform:scale(1)rotate(0)}}@keyframes level-up-burst{0%{opacity:1;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-7.5rem) rotate(180deg)}}.stage-coins{align-items:center;gap:var(--mu-space-2);font-size:var(--mu-text-lg);color:var(--mu-color-heading);margin:0;display:flex}.stage-coins__icon{color:var(--mu-color-accent);display:inline-flex}.stage-card{gap:var(--mu-space-3);padding:var(--mu-space-4);background:var(--mu-color-surface);border:1px solid var(--mu-color-border);border-radius:var(--mu-radius-lg);flex-direction:column;min-width:0;display:flex}.stage-card__line{align-items:center;gap:var(--mu-space-2);margin:0;display:flex}.stage-card__icon{color:var(--mu-color-text-muted);display:inline-flex}.stage-card__progress{align-items:flex-start;gap:var(--mu-space-1);flex-direction:column;display:flex}.stage-card__pill{padding:2px var(--mu-space-2);border-radius:var(--mu-radius-full);background:var(--mu-color-success);color:var(--mu-color-surface);font-size:var(--mu-text-sm);font-weight:var(--mu-weight-semibold)}.stage-card__bar{border-radius:var(--mu-radius-full);background:var(--mu-color-success-soft);width:100%;height:4px;overflow:hidden}.stage-card__fill{background:var(--mu-color-success);height:100%;display:block}.stage-card__rank{gap:var(--mu-space-1);padding-top:var(--mu-space-3);border-top:1px solid var(--mu-color-border);flex-direction:column;display:flex}.stage-card__rank .muted{margin:0}.stage-card__accent{color:var(--mu-color-accent)}.home__stage{max-width:22rem}.home__today-link{align-self:flex-start}.home__section-title{margin:0 0 var(--mu-space-3);font-size:var(--mu-text-lg)}.install-banner{left:var(--mu-space-3);right:var(--mu-space-3);bottom:calc(var(--mu-bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--mu-space-2));z-index:var(--mu-z-nav);align-items:center;gap:var(--mu-space-3);max-width:32rem;padding:var(--mu-space-3);border:1px solid var(--mu-color-border);border-radius:var(--mu-radius-lg);background:var(--mu-color-surface);color:var(--mu-color-text);box-shadow:var(--mu-shadow-lg);flex-wrap:wrap;margin:0 auto;display:flex;position:fixed}.install-banner__icon{border-radius:var(--mu-radius-md);flex:none}.install-banner__text{flex:12rem;min-width:0}.install-banner__title{font-weight:var(--mu-weight-semibold);font-size:var(--mu-text-sm);margin:0}.install-banner__hint{margin:var(--mu-space-1) 0 0;color:var(--mu-color-text-muted);font-size:var(--mu-text-xs);line-height:var(--mu-leading-normal)}.install-banner__hint svg{vertical-align:-.2em;width:1rem;height:1rem}.install-banner__hint a{color:var(--mu-color-accent)}.install-banner__actions{gap:var(--mu-space-2);margin-left:auto;display:flex}.install-why{gap:var(--mu-space-3);margin:0;padding:0;list-style:none;display:grid}.install-why li{gap:var(--mu-space-3);align-items:flex-start;display:flex}.install-why__icon,.install-step__icon{border-radius:var(--mu-radius-full);background:var(--mu-color-accent-soft);width:2.5rem;height:2.5rem;color:var(--mu-color-accent);flex:none;place-items:center;display:inline-grid}.install-why strong{display:block}.install-steps{counter-reset:install-step;gap:var(--mu-space-3);margin:0;padding:0;list-style:none;display:grid}.install-step{gap:var(--mu-space-3);align-items:center;display:flex}.install-step__icon{position:relative}.install-step__icon:after{counter-increment:install-step;content:counter(install-step);border-radius:var(--mu-radius-full);background:var(--mu-color-accent);width:1.15rem;height:1.15rem;color:var(--mu-color-on-accent);font-size:.7rem;font-weight:var(--mu-weight-bold);place-items:center;display:grid;position:absolute;top:-.35rem;right:-.35rem}.install-step p{margin:0}.install-card--current{border-color:var(--mu-color-accent)}.install-note{margin:var(--mu-space-3) 0 0;padding:var(--mu-space-2) var(--mu-space-3);border-radius:var(--mu-radius-md);background:var(--mu-color-info-soft);font-size:var(--mu-text-sm)}.sw-prompt{left:var(--mu-space-3);right:var(--mu-space-3);bottom:calc(var(--mu-bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--mu-space-2));z-index:var(--mu-z-toast);justify-content:space-between;align-items:center;gap:var(--mu-space-2);max-width:32rem;padding:var(--mu-space-3);border:1px solid var(--mu-color-border);border-radius:var(--mu-radius-lg);background:var(--mu-color-surface);color:var(--mu-color-text);box-shadow:var(--mu-shadow-lg);flex-wrap:wrap;margin:0 auto;display:flex;position:fixed}.sw-prompt__text{font-size:var(--mu-text-sm);font-weight:var(--mu-weight-medium);margin:0}.sw-prompt__actions{gap:var(--mu-space-2);margin-left:auto;display:flex}.offline-banner{top:calc(env(safe-area-inset-top,0px) + var(--mu-space-2));z-index:var(--mu-z-toast);max-width:calc(100% - 8rem);padding:var(--mu-space-1) var(--mu-space-3);border-radius:var(--mu-radius-full);background:var(--mu-color-warning-soft);color:var(--mu-color-text);border:1px solid var(--mu-color-warning);font-size:var(--mu-text-xs);font-weight:var(--mu-weight-medium);white-space:nowrap;text-overflow:ellipsis;box-shadow:var(--mu-shadow-sm);position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.offline-banner a{color:inherit;text-decoration:underline}.offline-save{gap:var(--mu-space-2);flex-direction:column;display:flex}.offline-save__row{align-items:center;gap:var(--mu-space-2);flex-wrap:wrap;display:flex}.offline-save__saved{align-items:center;gap:var(--mu-space-1);color:var(--mu-color-success);font-size:var(--mu-text-sm);font-weight:var(--mu-weight-medium);display:inline-flex}.offline-progress{border-radius:var(--mu-radius-full);background:var(--mu-color-surface-2);height:.5rem;position:relative;overflow:hidden}.offline-progress__bar{border-radius:inherit;background:var(--mu-color-accent);transition:width var(--mu-duration-fast) var(--mu-ease);position:absolute;inset:0 auto 0 0}.offline-progress--storage .offline-progress__bar{background:var(--mu-color-info)}.offline-error{color:var(--mu-color-danger);font-size:var(--mu-text-sm);margin:0}.offline-list{gap:var(--mu-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.offline-item{gap:var(--mu-space-2);padding:var(--mu-space-3);border:1px solid var(--mu-color-border);border-radius:var(--mu-radius-md);background:var(--mu-color-surface);flex-direction:column;display:flex}.offline-item__head{justify-content:space-between;align-items:baseline;gap:var(--mu-space-2);display:flex}.offline-item__title{font-weight:var(--mu-weight-semibold);overflow-wrap:anywhere;min-width:0;margin:0}.offline-item__meta{color:var(--mu-color-text-muted);font-size:var(--mu-text-xs);margin:0}.offline-item__actions{gap:var(--mu-space-2);flex-wrap:wrap;display:flex}.offline-storage{gap:var(--mu-space-2);flex-direction:column;display:flex}.offline-storage p{margin:0}.offline-result{align-items:center;gap:var(--mu-space-3);text-align:center;flex-direction:column;display:flex}.offline-result__score{font-size:var(--mu-text-3xl);font-weight:var(--mu-weight-bold)}.offline-result__note{padding:var(--mu-space-2) var(--mu-space-3);border-radius:var(--mu-radius-md);background:var(--mu-color-info-soft);font-size:var(--mu-text-sm);margin:0}