.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ui-form{grid-gap:var(--space-4);display:grid;gap:var(--space-4)}.ui-field{grid-gap:var(--space-2);direction:inherit;display:grid;gap:var(--space-2)}.ui-label{color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;text-align:start}.ui-required-indicator{-webkit-margin-start:var(--space-1);color:var(--color-danger);margin-inline-start:var(--space-1)}.ui-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-3);text-align:start;transition:border-color var(--transition-default),box-shadow var(--transition-default);width:100%}.ui-input:hover{border-color:var(--color-primary)}.ui-input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-surface)}.ui-input--error{background-color:var(--color-danger-surface);border-color:var(--color-danger)}.ui-hint{color:var(--color-text-subtle)}.ui-error,.ui-hint{font-size:var(--font-size-sm);margin:0;text-align:start}.ui-error{color:var(--color-danger)}.ui-password{display:grid;position:relative}.ui-password .ui-input{-webkit-padding-end:calc(var(--space-3) + 3.5rem);padding-inline-end:calc(var(--space-3) + 3.5rem)}.ui-password__toggle{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;inset-inline-end:var(--space-2);padding:var(--space-1) var(--space-2);position:absolute;top:50%;transform:translateY(-50%)}.ui-password__toggle:hover{text-decoration:underline}.ui-button{align-items:center;border:1px solid #0000;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:600;gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-4);transition:background-color var(--transition-default),color var(--transition-default),border-color var(--transition-default)}.ui-button:disabled{cursor:not-allowed;opacity:.65}.ui-button--primary{background-color:var(--color-primary);color:#fff}.ui-button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.ui-button--secondary{background:#0000;border-color:var(--color-border);color:var(--color-text)}.ui-status{align-items:center;background-color:var(--color-surface-muted);border-radius:var(--radius-sm);color:var(--color-text);direction:inherit;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);justify-content:space-between;padding:var(--space-3)}.ui-status--success{background-color:var(--color-success-surface);color:var(--color-success)}.ui-status--error{background-color:var(--color-danger-surface);color:var(--color-danger)}.ui-status--info{background-color:var(--color-primary-surface);color:var(--color-primary)}.form-meta{align-items:center;color:var(--color-text-subtle);direction:rtl;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);justify-content:space-between}.form-link,.form-link-button{color:var(--color-primary);font-weight:600;text-decoration:none}.form-link-button:hover,.form-link:hover{text-decoration:underline}.form-link-button{background:#0000;border:none;cursor:pointer;font:inherit;padding:0}.form-meta span{color:var(--color-text-subtle)}.form-hint-list{grid-gap:var(--space-1);color:var(--color-danger);display:grid;gap:var(--space-1);padding-left:1.25rem}.form-hint-list,.form-success-hint{direction:rtl;font-size:var(--font-size-sm);margin:0;text-align:right}.account-success-card,.form-success-hint{color:var(--color-success)}.account-success-card{grid-gap:var(--space-2);background-color:var(--color-success-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);direction:rtl;display:grid;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-4);text-align:right}*{box-sizing:border-box;margin:0;padding:0}.landing-container{background-color:#fff;color:#000;display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%;z-index:100}.landing-header{border-bottom:1px solid #ccc;padding:1rem}.landing-logo{font-size:1.25rem;font-weight:700}.landing-menu-button{border:none;font-size:1.25rem;padding:.25rem}.landing-main{display:flex;flex-direction:column;margin:0 auto;max-width:500px;padding:1rem 0;text-align:right;width:90%}.landing-intro{color:#333;font-size:1.95rem;font-weight:700;margin-bottom:1rem}.landing-start-button{background-color:#8caa6a;border:none;border-radius:9999px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;margin-bottom:1.5rem;padding:.75rem 1.2rem}.landing-start-button:hover{background-color:#7ea05d}.landing-chip{background-color:#c6dcb3;border-radius:9999px;color:#000;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:.5rem;padding:.4rem .75rem;width:-webkit-fit-content;width:fit-content}.landing-paragraph{color:#444;font-size:1rem;font-weight:600;margin-bottom:.9rem}.landing-subtitle{color:#111;font-size:1rem;font-weight:700;margin-bottom:.4rem}.sub-paragraph{color:#666;font-size:.9rem;font-weight:400;margin-bottom:.5rem}.hadith-source{margin-bottom:2rem}.landing-nav{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px #00000026;left:0;top:3.25rem;transform:translateY(-10px) scaleY(.95);transform-origin:top center;transition:opacity .25s ease,transform .25s ease;width:100%;z-index:200}.landing-nav.active{transform:translateY(0) scaleY(1)}.landing-nav-list{align-items:center;margin-top:2rem}.landing-nav-list li{color:#333;font-size:1rem;font-weight:600;margin:.3rem 0}.landing-nav-list li a{color:#000;text-decoration:none}.landing-nav-list .sign-in{background-color:#b8d09695}.landing-nav-list .sign-in,.landing-nav-list .sign-up{border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.2rem}.landing-nav-list .sign-up{background-color:#8fab68}.landing-header{align-items:center;background-color:var(--color-surface);border-bottom:1px solid #51614426;box-sizing:border-box;direction:rtl;display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:300}.landing-logo{color:var(--color-text);font-family:var(--font-family-accent);font-size:var(--font-size-lg);font-weight:600}.landing-menu-button{background:none;border:1px solid #0000;border-radius:var(--radius-pill);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-2) var(--space-3);transition:background-color var(--transition-default),border-color var(--transition-default),color var(--transition-default)}.landing-menu-button:hover{background-color:var(--color-primary-surface);border-color:var(--color-border)}.landing-nav{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--color-shadow);inset-inline-end:var(--space-4);opacity:0;padding:var(--space-3);pointer-events:none;position:absolute;top:calc(100% + var(--space-2));transform:translateY(-.75rem);transition:opacity var(--transition-default),transform var(--transition-default);width:min(320px,90vw)}.landing-nav.active{opacity:1;pointer-events:auto;transform:translateY(0)}.landing-nav-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.landing-nav-item{width:100%}.landing-nav-link{background-color:initial;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--color-text);display:block;font-weight:600;padding:var(--space-3);text-align:center;text-decoration:none;transition:background-color var(--transition-default),border-color var(--transition-default),color var(--transition-default);width:100%}.landing-nav-link:hover{background-color:var(--color-primary-surface);color:var(--color-primary)}.landing-nav-link.subtle{color:var(--color-text-subtle)}.landing-nav-link.secondary{border-color:var(--color-border)}.landing-nav-link.primary{background-color:var(--color-primary);color:#fff}.landing-nav-link.primary:hover{background-color:var(--color-primary-hover);color:#fff}@media (min-width:768px){.landing-menu-button{display:none}.landing-nav{background:#0000;border:none;box-shadow:none;display:flex;opacity:1;padding:0;pointer-events:auto;position:static;transform:none;width:auto}.landing-nav-list{align-items:center;flex-direction:row;gap:var(--space-3)}.landing-nav-item{width:auto}.landing-nav-link{padding:var(--space-2) var(--space-3)}}.account-shell{background:linear-gradient(145deg,#eef5e5,#f6f9f3 60%,#fff);display:flex;flex-direction:column;min-height:100vh}.account-content{direction:rtl;display:flex;justify-content:center;padding:var(--space-6) var(--space-4)}.account-card{grid-gap:var(--space-4);background-color:var(--color-primary-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation-soft);direction:rtl;display:grid;gap:var(--space-4);padding:var(--space-5);text-align:right;width:min(440px,100%)}.account-card__header{grid-gap:var(--space-2);display:grid;gap:var(--space-2);text-align:right}.account-title{font-family:var(--font-family-accent);font-size:var(--font-size-xl);line-height:var(--line-height-tight);margin:0}.account-subtitle{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}.account-toggle{grid-gap:var(--space-2);background-color:var(--color-surface-muted);border-radius:var(--radius-pill);direction:rtl;display:grid;gap:var(--space-2);grid-template-columns:repeat(2,1fr);padding:var(--space-1)}.account-toggle__button{background:none;border:none;border-radius:var(--radius-pill);color:var(--color-text-subtle);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;padding:var(--space-2) var(--space-3);text-align:center;transition:background-color var(--transition-default),color var(--transition-default)}.account-toggle__button.is-active{background-color:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text)}.account-toggle__button:hover{color:var(--color-primary)}.account-form{display:flex;flex-direction:column;gap:var(--space-4)}@media (max-width:600px){.account-content{padding:var(--space-4) var(--space-3)}.account-card{padding:var(--space-4)}}.card-container{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:var(--space-4)}.card-container,.card-header{display:flex;gap:var(--space-3)}.card-header{align-items:center;justify-content:space-between}.card-header h2{color:var(--color-text-strong);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.card-action{background-color:var(--color-primary-muted);border:1px solid #0000;border-radius:var(--radius-pill);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.card-action:focus-visible,.card-action:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}.card-feedback{border-radius:var(--radius-md);font-size:var(--font-size-xs);line-height:var(--line-height-base);padding:var(--space-2) var(--space-3)}.card-feedback--success{background-color:var(--color-success-surface);color:var(--color-success-text)}.card-feedback--error{background-color:var(--color-danger-surface);color:var(--color-danger-text)}.task-list{display:flex;flex-direction:column;list-style:none;margin:0;max-height:260px;overflow-y:auto;overscroll-behavior:contain;padding:0}.task-list,.task-list--skeleton{gap:var(--space-2)}.task-row{grid-gap:var(--space-3);align-items:center;border:1px solid #0000;border-radius:var(--radius-md);display:grid;gap:var(--space-3);grid-template-columns:1fr auto;padding:var(--space-2) var(--space-3);transition:background-color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.task-row:hover{background-color:var(--color-surface-alt);border-color:var(--color-border)}.task-row.task-late .task-chip{background-color:var(--color-danger-surface);color:var(--color-danger-text)}.no-tasks{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:var(--space-2) 0;text-align:center}.task-content{grid-gap:var(--space-1);align-items:flex-start;background:none;border:none;cursor:pointer;display:grid;gap:var(--space-1);padding:0;text-align:right}.task-title{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.task-meta{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.task-chip{align-items:center;background-color:var(--color-warning-surface);border-radius:var(--radius-pill);color:var(--color-warning);display:inline-flex;font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);justify-self:flex-start;padding:0 var(--space-2)}.task-more-button{background:none;border:1px solid #0000;border-radius:var(--radius-pill);cursor:pointer;padding:var(--space-2);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.task-more-button img{height:20px;width:20px}.task-more-button:focus-visible,.task-more-button:hover{background-color:var(--color-surface-alt);border-color:var(--color-border)}.task-skeleton{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#e2efcf66,#e2efcfcc,#e2efcf66);background-size:200% 100%;border-radius:var(--radius-md);height:40px;width:100%}.overlay-task-popup{align-items:center;background-color:var(--color-overlay);inset:0;justify-content:center;position:fixed;z-index:1300}.overlay-task-popup,.task-popup{display:flex;padding:var(--space-4)}.task-popup{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:var(--space-3);width:min(440px,100%)}.task-popup-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.task-popup-list li button{background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-3);text-align:right;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);width:100%}.task-popup-list li button:focus-visible,.task-popup-list li button:hover{background-color:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary-hover)}.task-popup-content{color:var(--color-text);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--space-3);line-height:var(--line-height-base)}.buttons-container{display:flex;gap:var(--space-2);justify-content:flex-end}.cancel-button,.confirm-button{border:none;border-radius:var(--radius-pill);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast),opacity var(--transition-fast)}.confirm-button{background-color:var(--color-primary);color:var(--color-text-inverse)}.confirm-button:focus-visible,.confirm-button:hover{background-color:var(--color-primary-hover)}.confirm-button:disabled{cursor:progress;opacity:.7}.cancel-button{background-color:var(--color-surface-muted);color:var(--color-text)}.cancel-button:focus-visible,.cancel-button:hover{background-color:var(--color-border)}@media (max-width:540px){.card-container{padding:var(--space-3)}.task-list{max-height:220px}.task-row{gap:var(--space-2);grid-template-columns:1fr auto}}.daily-container{background-color:var(--color-bg);direction:rtl;margin:0 auto;max-width:640px;min-height:100vh;padding:var(--space-5) var(--space-4) var(--space-7);padding-bottom:calc(var(--space-7) + 64px);position:relative}.daily-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.daily-subtitle{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0 0 var(--space-1)}.daily-title{color:var(--color-text-strong);font-family:var(--font-family-accent);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.streak{align-items:center;background-color:var(--color-primary-muted);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);color:var(--color-primary);display:inline-flex;font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-3)}.streak-icon{height:24px;width:24px}.cards-wrapper{display:flex;flex-direction:column;gap:var(--space-4)}.status-banner{background-color:var(--color-danger-surface);border:1px solid #b4231840;color:var(--color-danger-text)}.feedback-popup{align-items:center;border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);left:50%;max-width:min(90vw,420px);min-width:240px;padding:var(--space-3) var(--space-4);position:fixed;top:var(--space-5);transform:translateX(-50%);z-index:1200}.feedback-popup.feedback-success{background-color:var(--color-success-surface);border:1px solid #04785733;color:var(--color-success-text)}.feedback-popup.feedback-error{background-color:var(--color-danger-surface);border:1px solid #b4231840;color:var(--color-danger-text)}.feedback-popup.feedback-loading{background-color:var(--color-info-surface);border:1px solid #2563eb33;color:var(--color-info)}.overlay{align-items:center;background-color:var(--color-overlay);inset:0;justify-content:center;position:fixed;z-index:1100}.overlay,.popup-container{display:flex;padding:var(--space-4)}.popup-container{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:var(--space-4);outline:none;width:min(480px,100%)}.popup-header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.popup-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.close-button{background-color:initial;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-subtle);cursor:pointer;font-size:var(--font-size-lg);height:36px;line-height:1;transition:background-color var(--transition-fast),color var(--transition-fast);width:36px}.close-button:focus-visible,.close-button:hover{background-color:var(--color-primary-muted);color:var(--color-primary-hover)}.popup-content{display:flex;flex-direction:column;gap:var(--space-4)}.field-label{color:var(--color-text-subtle);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.field-error{color:var(--color-danger);font-size:var(--font-size-xs);margin-top:var(--space-2)}.choose-amount-container{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.choose-amount-container legend{color:var(--color-text-subtle);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:0 var(--space-2)}.daily-options{flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.radio-chip{cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);position:relative}.radio-chip input{cursor:pointer;inset:0;opacity:0;position:absolute}.radio-chip span{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);display:inline-flex;gap:var(--space-2);justify-content:center;padding:var(--space-2) var(--space-4);pointer-events:none;transition:border-color var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.radio-chip input:focus-visible+span{border-color:var(--color-primary);box-shadow:0 0 0 4px #4f6c2a33}.radio-chip input:checked+span{background-color:var(--color-primary-muted);border-color:var(--color-primary);box-shadow:var(--shadow-xs);color:var(--color-primary-hover)}.send-button-container{display:flex;justify-content:flex-end}.send-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-pill);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-5);transition:background-color var(--transition-fast),transform var(--transition-fast)}.send-button:focus-visible,.send-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.send-button:active:not(:disabled){transform:scale(.98)}.send-button:disabled{cursor:progress;opacity:.6}.surah-select__control{border-color:var(--color-border);border-radius:var(--radius-md);box-shadow:none!important;direction:rtl;min-height:44px}.surah-select__control--is-focused{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f6c2a2e!important}.surah-select__value-container{direction:rtl;text-align:right}.surah-select__menu{direction:rtl;z-index:1300}.surah-select__option--is-focused{background-color:var(--color-primary-muted);color:var(--color-primary-hover)}.surah-select__option--is-selected{background-color:var(--color-primary);color:var(--color-text-inverse)}@media (min-width:768px){.daily-container{padding-top:var(--space-6)}.daily-header{align-items:center}.cards-wrapper{gap:var(--space-5)}}.statistics-view{gap:var(--space-2)}.statistics-card,.statistics-view{display:flex;flex-direction:column;width:100%}.statistics-card{align-items:center;background:linear-gradient(135deg,#4f6c2a1a,#4f6c2a33);border:1px solid #4f6c2a26;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text-strong);cursor:pointer;gap:var(--space-3);padding:var(--space-4);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.statistics-card:focus-visible,.statistics-card:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.statistics-card:disabled{cursor:progress;opacity:.8}.statistics-skeleton{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);width:100%}.skeleton-circle{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#e9f0df66,#e9f0dfcc,#e9f0df66);background-size:200% 100%;border-radius:50%;height:140px;width:140px}.skeleton-bar{background:linear-gradient(90deg,#e9f0df66,#e9f0dfcc,#e9f0df66);height:12px;width:80%}.circle-container{height:180px;position:relative;width:180px}.progress-svg{height:100%;transform:rotate(-90deg);width:100%}.circle-bg,.circle-progress{fill:none;stroke-width:15}.circle-bg{stroke:#ffffff73}.circle-progress{stroke:var(--color-primary);stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow)}.circle-text{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;text-align:center}.progress-percentage{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.progress-label{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}.bottom-info{flex-direction:column;width:100%}.bottom-info,.info-section{display:flex;gap:var(--space-3)}.info-section{align-items:center;direction:rtl;justify-content:space-between}.info-text{color:var(--color-text);font-size:var(--font-size-sm);margin:0}.progress-bar{background-color:#ffffff8c;border-radius:var(--radius-pill);flex:1 1;height:8px;overflow:hidden}.progress-bar-fill{background-color:var(--color-primary);height:100%;transition:width var(--transition-slow)}.statistics-error{background-color:var(--color-danger-surface);border:1px solid #b4231833;border-radius:var(--radius-md);color:var(--color-danger-text);font-size:var(--font-size-xs);margin:0;padding:var(--space-2) var(--space-3)}@media (max-width:540px){.statistics-card{padding:var(--space-3)}}.bottom-bar{background-color:var(--color-surface);border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -12px 32px -28px #12230c59;left:0;position:fixed;width:100%;z-index:1000}.bottom-bar__list{align-items:center;display:flex;justify-content:space-around;list-style:none;margin:0;padding:var(--space-2) var(--space-4)}.bottom-bar__item{display:flex;flex:1 1;justify-content:center}.bottom-bar__button{align-items:center;background:none;border:none;color:var(--color-text-subtle);cursor:pointer;display:inline-flex;flex-direction:column;font-size:var(--font-size-xs);gap:var(--space-1);padding:var(--space-2);transition:color var(--transition-fast),transform var(--transition-fast)}.bottom-bar__button img{height:24px;width:24px}.bottom-bar__button span{font-weight:var(--font-weight-medium)}.bottom-bar__button:focus-visible,.bottom-bar__button:hover{color:var(--color-primary-hover);transform:translateY(-2px)}.bottom-bar__button.is-active{color:var(--color-primary)}.bottom-bar__button.is-active:after{background-color:var(--color-primary);border-radius:var(--radius-pill);content:"";display:block;height:3px;margin-top:var(--space-1);width:24px}.memory-container{color:#333;direction:rtl;font-family:sans-serif;margin:0 auto;max-width:600px;text-align:right}.title{margin-bottom:1rem;text-align:center}input[type=radio]{display:none}.daily-memorize-section,.result-section,.suras-section{border-radius:8px;margin-bottom:60px;padding:13px 0}.daily-memorize-section,.suras-section{background-color:#b8d096}.sub-title{color:#333;font-size:1.5rem;margin-bottom:.5rem}.daily-options{align-items:center;display:flex;justify-content:space-between}.daily-options label{font-size:1.2rem;font-weight:500;margin-right:1rem}.suras-list{border:1px solid #ccc;border-radius:4px;max-height:200px;overflow-y:auto;padding:.5rem}.sura-label{display:block;margin-bottom:.3rem}.result-section h2{margin:0 0 .5rem}.result{font-weight:lighter}.sub-info{font-size:1.2rem;font-weight:600;margin:.3rem 0}.save-button{background-color:#8fab68;border:none;border-radius:5px;bottom:2rem;color:#fff;cursor:pointer;font-size:1rem;margin:auto;padding:10px 20px;position:absolute;width:90%}.daily-options label input[type=radio]:checked+span{background-color:#fff3;border-radius:15px;padding:4px 10px}.sub-info-text{font-weight:400;margin-right:5px}.quran-layout{background-color:var(--color-bg);direction:rtl;display:flex;flex-direction:column;gap:var(--space-4);min-height:100vh;padding:var(--space-5) var(--space-4) calc(var(--space-7) + 88px)}.quran-header{align-items:center;display:flex;gap:var(--space-3)}.quran-back{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast);width:44px}.quran-back:focus-visible,.quran-back:hover{background-color:var(--color-primary-muted);border-color:var(--color-primary)}.quran-back img{height:20px;width:20px}.quran-heading{display:flex;flex-direction:column;gap:var(--space-1)}.quran-subtitle{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}#quran-page-title{color:var(--color-text-strong);font-family:var(--font-family-accent);font-size:var(--font-size-2xl);margin:0}.quran-feedback{border:1px solid #0000;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);font-size:var(--font-size-sm);line-height:var(--line-height-base);padding:var(--space-3) var(--space-4)}.quran-feedback--success{background-color:var(--color-success-surface);border-color:#04785733;color:var(--color-success-text)}.quran-feedback--error{background-color:var(--color-danger-surface);border-color:#b4231840;color:var(--color-danger-text)}.quran-feedback--info{background-color:var(--color-info-surface);border-color:#2563eb33;color:var(--color-info)}.quran-feedback--loading{background-color:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-text-subtle)}.quran-reader{grid-gap:var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:var(--space-3);padding:var(--space-4)}.quran-reader__meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quran-chip{align-items:center;background-color:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-subtle);display:inline-flex;font-size:var(--font-size-xs);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.quran-chip--primary{background-color:var(--color-primary-muted);border-color:#0000;color:var(--color-primary);font-weight:var(--font-weight-medium)}.quran-chip--stat{color:var(--color-text)}.quran-reader__hint{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}.quran-ayahs{font-family:Amiri Quran,Amiri,Noto Naskh Arabic,Traditional Arabic,Sakkal Majalla,system-ui,sans-serif;font-size:clamp(1.35rem,2.5vw,2rem);line-height:2;max-height:60vh;overflow-y:auto;padding-inline:var(--space-2);text-align:justify;white-space:pre-wrap}.quran-ayah{-webkit-margin-end:var(--space-2);display:inline;margin-inline-end:var(--space-2)}.quran-ayah__number{align-items:center;background-color:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-subtle);display:inline-flex;font-size:var(--font-size-xs);justify-content:center;margin:0 var(--space-1);min-width:24px;padding:0 var(--space-1)}.quran-ayah.is-highlighted{background-color:#4f6c2a26;border-radius:var(--radius-sm);color:var(--color-text-strong);padding:0 var(--space-1)}.quran-bismillah{color:var(--color-primary);font-size:1.2em;margin:var(--space-2) auto;text-align:center}.quran-pagination{display:flex;gap:var(--space-2);justify-content:center}.quran-pagination button{background-color:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.quran-pagination button:focus-visible:not(:disabled),.quran-pagination button:hover:not(:disabled){background-color:var(--color-primary-muted);border-color:var(--color-primary)}.quran-pagination button:disabled{cursor:not-allowed;opacity:.5}.quran-rating{grid-gap:var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:var(--space-3);padding:var(--space-4)}.quran-rating h2{color:var(--color-text-strong);font-size:var(--font-size-xl);margin:0}.quran-rating p{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}.quran-rating__group{border:none;display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0}.quran-rating__group:disabled{opacity:.6}.quran-rating__option{align-items:center;background-color:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);justify-content:center;padding:var(--space-2) var(--space-4);position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.quran-rating__option input{cursor:pointer;inset:0;opacity:0;position:absolute}.quran-rating__option:focus-within,.quran-rating__option:hover{border-color:var(--color-primary)}.quran-rating__option.is-selected{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.quran-rating__status{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}.quran-skeleton{grid-gap:var(--space-2);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:var(--space-2);padding:var(--space-4)}.quran-skeleton__line{animation:quran-skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#e9f0df59,#e9f0dfbf,#e9f0df59);background-size:200% 100%;border-radius:var(--radius-md);height:18px}.quran-state{grid-gap:var(--space-3);background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);color:var(--color-text-subtle);display:grid;gap:var(--space-3);padding:var(--space-4);text-align:center}.quran-state button{background-color:var(--color-primary);border:none;border-radius:var(--radius-pill);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-sm);justify-self:center;padding:var(--space-2) var(--space-5);transition:background-color var(--transition-fast),transform var(--transition-fast)}.quran-state button:focus-visible,.quran-state button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}@keyframes quran-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.quran-layout{padding:var(--space-4) var(--space-3) calc(var(--space-7) + 88px)}.quran-ayahs{max-height:50vh}.quran-rating__group{justify-content:center}}.review-summary{background-color:var(--color-bg);direction:rtl;display:flex;flex-direction:column;gap:var(--space-4);margin:0 auto;max-width:720px;min-height:100vh;padding:var(--space-5) var(--space-4) calc(var(--space-7) + 72px)}.summary-header{align-items:center;display:flex;gap:var(--space-3)}.summary-back{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast);width:44px}.summary-back:focus-visible,.summary-back:hover{background-color:var(--color-primary-muted);border-color:var(--color-primary)}.summary-back img{height:20px;width:20px}.summary-subtitle{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}#review-summary-title{color:var(--color-text-strong);font-family:var(--font-family-accent);font-size:var(--font-size-2xl);margin:var(--space-1) 0 0}.summary-overview{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.overview-card{background-color:var(--color-surface);border:1px solid #4f6c2a1f;border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.overview-label{color:var(--color-text-subtle);font-size:var(--font-size-xs);letter-spacing:.04em;text-transform:uppercase}.overview-value{color:var(--color-text-strong);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.overview-suffix{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.status-banner{border:1px solid #0000;border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-base);padding:var(--space-3) var(--space-4)}.status-banner--error{background-color:var(--color-danger-surface);border-color:#b4231840;color:var(--color-danger-text)}.summary-skeleton{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.skeleton-card{grid-gap:var(--space-2);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:grid;gap:var(--space-2);padding:var(--space-3)}.skeleton-bar{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#e9f0df59,#e9f0dfbf,#e9f0df59);background-size:200% 100%;border-radius:var(--radius-pill);width:100%}.skeleton-bar--title{height:16px;justify-self:flex-start;width:60%}.skeleton-bar--progress{height:12px}.skeleton-meta{display:flex;gap:var(--space-2)}.skeleton-meta span{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#e9f0df59,#e9f0dfbf,#e9f0df59);background-size:200% 100%;border-radius:var(--radius-pill);flex:1 1;height:12px}.summary-empty{grid-gap:var(--space-3);background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-subtle);display:grid;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);text-align:center}.summary-cta{background-color:var(--color-primary);border:none;border-radius:var(--radius-pill);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-sm);justify-self:center;padding:var(--space-2) var(--space-5);transition:background-color var(--transition-fast),transform var(--transition-fast)}.summary-cta:focus-visible,.summary-cta:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.surah-list{list-style:none;margin:0;padding:0}.surah-card,.surah-list{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.surah-card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.surah-card__header{justify-content:space-between}.surah-card__header,.surah-card__identity{align-items:center;display:flex;gap:var(--space-3)}.surah-card__badge{align-items:center;display:inline-flex;height:48px;justify-content:center;position:relative;width:48px}.surah-card__badge-icon{height:100%;width:100%}.surah-card__badge-text{align-items:center;color:var(--color-text-strong);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);inset:0;justify-content:center;position:absolute}.surah-card__titles{grid-gap:var(--space-1);display:grid;gap:var(--space-1)}.surah-card__name{color:var(--color-text-strong);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.surah-card__meta{color:var(--color-text-subtle);font-size:var(--font-size-xs)}.surah-card__progress-label{color:var(--color-warning);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.surah-progress{background-color:var(--color-surface-muted);border-radius:var(--radius-pill);display:flex;flex-direction:row-reverse;gap:0;height:12px;overflow:hidden}.surah-progress__segment{flex:0 0 auto;height:100%;transition:width var(--transition-default)}.surah-progress__segment.is-complete{background-color:var(--color-primary)}.surah-progress__segment.is-review{background-color:var(--color-warning)}.surah-stats{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:0}.surah-stat{grid-gap:var(--space-1);background-color:var(--color-primary-muted);border-radius:var(--radius-md);display:grid;gap:var(--space-1);justify-items:start;padding:var(--space-2) var(--space-3)}.surah-stat dt{color:var(--color-text-subtle);font-size:var(--font-size-xs);margin:0}.surah-stat dd{color:var(--color-text-strong);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}@media (max-width:540px){.review-summary{padding:var(--space-4) var(--space-3) calc(var(--space-7) + 72px)}.surah-card{padding:var(--space-3)}}.review-test{color:var(--color-text);direction:rtl;margin:0 auto;max-width:960px;padding:var(--space-5) var(--space-4) var(--space-6)}.review-test__header{margin-bottom:var(--space-5);text-align:center}.review-test__header h1{font-family:var(--font-family-accent);font-size:var(--font-size-2xl);margin:0}.review-test__intro{color:var(--color-text-subtle);margin:var(--space-2) auto 0;max-width:560px}.test-cards{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--space-5)}.test-card{grid-gap:var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:grid;gap:var(--space-2);padding:var(--space-4);text-align:right;transition:border-color var(--transition-default),box-shadow var(--transition-default),transform var(--transition-default)}.test-card:hover{transform:translateY(-2px)}.test-card.selected,.test-card:hover{border-color:var(--color-primary);box-shadow:var(--color-shadow)}.test-card h3{font-size:var(--font-size-lg);margin:0}.test-card p{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}.feedback-banner{border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-4);padding:var(--space-3)}.feedback-banner--success{background-color:var(--color-success-surface);border:1px solid #0478574d;color:var(--color-success)}.feedback-banner--error{background-color:var(--color-danger-surface);border:1px solid #d92d2040;color:var(--color-danger)}.configurator{grid-gap:var(--space-4);display:grid;gap:var(--space-4)}.configurator__group{grid-gap:var(--space-2);display:grid;gap:var(--space-2)}.configurator__label{font-weight:600}.configurator__error{color:var(--color-danger);font-size:var(--font-size-sm);margin:0}.configurator__mode{display:flex;flex-wrap:wrap;gap:var(--space-3)}.configurator__mode label{align-items:center;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-2)}.configurator__mode input{margin:0}.configurator__range{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.configurator__range input{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);padding:var(--space-3)}.configurator__hint{grid-gap:var(--space-2);color:var(--color-text-subtle);display:grid;font-size:var(--font-size-sm);gap:var(--space-2)}.configurator__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.primary-action,.secondary-action{border:1px solid #0000;border-radius:var(--radius-pill);cursor:pointer;font-size:var(--font-size-base);font-weight:600;padding:var(--space-3) var(--space-4);transition:background-color var(--transition-default),color var(--transition-default),border-color var(--transition-default)}.primary-action{background-color:var(--color-primary);color:#fff}.primary-action:hover{background-color:var(--color-primary-hover)}.secondary-action{background-color:initial;border-color:var(--color-border);color:var(--color-text)}.secondary-action:hover{border-color:var(--color-primary);color:var(--color-primary)}.ghost-action{background:#0000;border:none;color:var(--color-text-subtle);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);text-decoration:underline}.ghost-action:hover{color:var(--color-primary)}.configurator-overlay{align-items:center;background:#10181073;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:400}.configurator-modal{grid-gap:var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--color-shadow);display:grid;gap:var(--space-3);max-height:90vh;overflow-y:auto;padding:var(--space-4);width:min(640px,100%)}.configurator__head{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:space-between;padding-bottom:var(--space-2)}.configurator__head h2{font-size:var(--font-size-lg);margin:0}.configurator__close{background:#0000;border:none;color:var(--color-text-subtle);cursor:pointer;font-size:var(--font-size-lg);line-height:1}.configurator__close:hover{color:var(--color-primary)}.quick-test{grid-gap:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-4)}.quick-test h2{font-size:var(--font-size-lg);margin:0}.ayah-grid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ayah-chip,.selected-chip{background-color:var(--color-primary-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;padding:var(--space-2) var(--space-3);text-align:right;transition:transform var(--transition-default),box-shadow var(--transition-default)}.ayah-chip:hover,.selected-chip:hover{box-shadow:var(--color-shadow);transform:translateY(-1px)}.selected-list{background-color:var(--color-surface-muted);border:1px dashed var(--color-border);border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:48px;padding:var(--space-3)}.selected-chip{background-color:var(--color-success-surface);border-color:#0478574d}@media (max-width:640px){.configurator__actions{align-items:stretch;flex-direction:column}.primary-action,.secondary-action{text-align:center;width:100%}}.ordering-test{background-color:var(--color-bg);direction:rtl;display:flex;flex-direction:column;gap:var(--space-4);margin:0 auto;max-width:720px;min-height:100vh;padding:var(--space-5) var(--space-4) calc(var(--space-7) + 88px)}.ordering-header{align-items:center;display:flex;gap:var(--space-3)}.ordering-back{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast);width:44px}.ordering-back:focus-visible,.ordering-back:hover{background-color:var(--color-primary-muted);border-color:var(--color-primary)}.ordering-back img{height:20px;width:20px}.ordering-heading{display:flex;flex-direction:column;gap:var(--space-1)}.ordering-subtitle{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}#ordering-test-title{color:var(--color-text-strong);font-family:var(--font-family-accent);font-size:var(--font-size-2xl);margin:0}.ordering-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.ordering-chip{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-subtle);display:inline-flex;font-size:var(--font-size-xs);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.ordering-chip--primary{background-color:var(--color-primary-muted);border-color:#0000;color:var(--color-primary);font-weight:var(--font-weight-medium)}.ordering-chip--stat{color:var(--color-text)}.ordering-feedback{border:1px solid #0000;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);font-size:var(--font-size-sm);line-height:var(--line-height-base);padding:var(--space-3)}.ordering-feedback--info{background-color:var(--color-info-surface);border-color:#2563eb33;color:var(--color-info)}.ordering-feedback--success{background-color:var(--color-success-surface);border-color:#04785738;color:var(--color-success-text)}.ordering-feedback--warning{background-color:var(--color-warning-surface);border-color:#b4530940;color:var(--color-warning)}.ordering-feedback--error{background-color:var(--color-danger-surface);border-color:#b4231840;color:var(--color-danger-text)}.ordering-empty{grid-gap:var(--space-3);background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-subtle);display:grid;gap:var(--space-3);padding:var(--space-4);text-align:center}.ordering-empty button{background-color:var(--color-primary);border:none;border-radius:var(--radius-pill);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-sm);justify-self:center;padding:var(--space-2) var(--space-5);transition:background-color var(--transition-fast),transform var(--transition-fast)}.ordering-empty button:focus-visible,.ordering-empty button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.ordering-instructions{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-subtle);font-size:var(--font-size-sm);padding:var(--space-3)}.ordering-instructions ul{grid-gap:var(--space-1);display:grid;gap:var(--space-1);margin:0;padding-right:1.25rem}.ordering-bismillah{color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0;text-align:center}.ordering-sequence{align-items:flex-start;background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:140px;padding:var(--space-4);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.ordering-sequence.is-active{background-color:var(--color-primary-muted);border-color:var(--color-primary)}.ordering-sequence__placeholder{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}.ordering-sequence__ayah{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:grab;display:inline-flex;flex-direction:column;font-size:var(--font-size-base);gap:var(--space-1);line-height:var(--line-height-loose);padding:var(--space-2) var(--space-3);position:relative;text-align:right;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.ordering-sequence__ayah:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f6c2a33;outline:none}.ordering-sequence__ayah.is-correct{background-color:var(--color-success-surface);border-color:#04785759}.ordering-sequence__ayah.is-wrong{background-color:var(--color-danger-surface);border-color:#b4231859;color:var(--color-danger)}.ordering-sequence__ayah.is-dragging{opacity:.6;transform:scale(.98)}.ordering-ayah__text{max-width:32ch;word-break:break-word}.ordering-scorecard{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-subtle);display:inline-flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-3);padding:var(--space-2) var(--space-4)}.ordering-scorecard strong{-webkit-margin-start:var(--space-1);color:var(--color-text-strong);font-size:var(--font-size-base);margin-inline-start:var(--space-1)}.ordering-available{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--space-2);max-height:38vh;overflow-y:auto;padding:var(--space-3)}.ordering-available__ayah{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:grab;display:inline-flex;flex-direction:column;font-size:var(--font-size-base);gap:var(--space-1);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.ordering-available__ayah:focus-visible,.ordering-available__ayah:hover{border-color:var(--color-primary);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.ordering-available__ayah:active{cursor:grabbing}.ordering-empty-placeholder{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}.ordering-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.ordering-actions button{border-radius:var(--radius-pill);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-5);transition:background-color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}.ordering-actions button:disabled{cursor:not-allowed;opacity:.55}.ordering-actions__primary{background-color:var(--color-primary);border:none;color:var(--color-text-inverse)}.ordering-actions__primary:focus-visible:not(:disabled),.ordering-actions__primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.ordering-actions__secondary{background-color:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text)}.ordering-actions__secondary:focus-visible:not(:disabled),.ordering-actions__secondary:hover:not(:disabled){border-color:var(--color-primary)}.ordering-page-nav{-webkit-margin-start:auto;display:flex;gap:var(--space-2);margin-inline-start:auto}.ordering-page-nav button{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.ordering-page-nav button:focus-visible:not(:disabled),.ordering-page-nav button:hover:not(:disabled){background-color:var(--color-primary-muted);border-color:var(--color-primary)}.ordering-page-nav button:disabled{cursor:not-allowed;opacity:.45}.ordering-skeleton{grid-gap:var(--space-3);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:var(--space-3);padding:var(--space-4)}.ordering-skeleton__bar,.ordering-skeleton__block{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#e9f0df59,#e9f0dfbf,#e9f0df59);background-size:200% 100%;border-radius:var(--radius-md)}.ordering-skeleton__bar{height:14px}.ordering-skeleton__block{height:48px}@media (max-width:640px){.ordering-test{padding:var(--space-4) var(--space-3) calc(var(--space-7) + 88px)}.ordering-sequence{min-height:120px;padding:var(--space-3)}.ordering-available{max-height:32vh}.ordering-actions{align-items:stretch;flex-direction:column}.ordering-actions button{text-align:center;width:100%}.ordering-page-nav{-webkit-margin-start:0;justify-content:space-between;margin-inline-start:0}}.complete-test{background-color:var(--color-bg);direction:rtl;display:flex;flex-direction:column;gap:var(--space-4);margin:0 auto;max-width:720px;min-height:100vh;padding:var(--space-5) var(--space-4) calc(var(--space-7) + 88px)}.complete-header{align-items:center;display:flex;gap:var(--space-3)}.complete-back{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast);width:44px}.complete-back:focus-visible,.complete-back:hover{background-color:var(--color-primary-muted);border-color:var(--color-primary)}.complete-back img{height:20px;width:20px}.complete-heading{display:flex;flex-direction:column;gap:var(--space-1)}.complete-subtitle{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}#complete-test-title{color:var(--color-text-strong);font-family:var(--font-family-accent);font-size:var(--font-size-2xl);margin:0}.complete-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.complete-chip{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-subtle);display:inline-flex;font-size:var(--font-size-xs);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.complete-chip--primary{background-color:var(--color-primary-muted);border-color:#0000;color:var(--color-primary);font-weight:var(--font-weight-medium)}.complete-chip--stat{color:var(--color-text)}.complete-feedback{border:1px solid #0000;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);font-size:var(--font-size-sm);line-height:var(--line-height-base);padding:var(--space-3)}.complete-feedback--success{background-color:var(--color-success-surface);border-color:#04785738;color:var(--color-success-text)}.complete-feedback--warning{background-color:var(--color-warning-surface);border-color:#b4530940;color:var(--color-warning)}.complete-feedback--error{background-color:var(--color-danger-surface);border-color:#b4231840;color:var(--color-danger-text)}.complete-bismillah{color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0;text-align:center}.complete-question{grid-gap:var(--space-2);display:grid;gap:var(--space-2)}.complete-question h2{color:var(--color-text-strong);font-size:var(--font-size-lg);margin:0}.complete-card{grid-gap:var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:var(--space-2);padding:var(--space-4)}.complete-ayah{align-items:center;color:var(--color-text);display:inline-flex;flex-wrap:wrap;font-size:var(--font-size-base);gap:var(--space-2);margin:0}.complete-ayah,.complete-ayah__text{line-height:var(--line-height-loose)}.complete-hint{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}.complete-options{grid-gap:var(--space-2);display:grid;gap:var(--space-2)}.complete-option{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;font-size:var(--font-size-base);gap:var(--space-2);line-height:var(--line-height-loose);padding:var(--space-3);text-align:right;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast)}.complete-option:focus-visible,.complete-option:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--shadow-xs);transform:translateY(-2px)}.complete-option:disabled{cursor:not-allowed;opacity:.85}.complete-option.is-correct{background-color:var(--color-success-surface);border-color:#0478574d;color:var(--color-success-text)}.complete-option.is-wrong{background-color:var(--color-danger-surface);border-color:#b4231859;color:var(--color-danger-text)}.complete-score{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-subtle);display:inline-flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-3);padding:var(--space-2) var(--space-4)}.complete-score strong{-webkit-margin-start:var(--space-1);color:var(--color-text-strong);margin-inline-start:var(--space-1)}.complete-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.complete-actions button{border:1px solid #0000;border-radius:var(--radius-pill);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-5);transition:background-color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}.complete-actions__primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.complete-actions__primary:focus-visible:not(:disabled),.complete-actions__primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.complete-actions__primary:disabled{cursor:not-allowed;opacity:.6}.complete-actions__secondary{background-color:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-text)}.complete-actions__secondary:focus-visible:not(:disabled),.complete-actions__secondary:hover:not(:disabled){border-color:var(--color-primary)}.complete-actions button:last-child{background-color:initial;border-color:var(--color-border);color:var(--color-text)}.complete-actions button:last-child:focus-visible,.complete-actions button:last-child:hover{background-color:var(--color-primary-muted);border-color:var(--color-primary)}.complete-empty{grid-gap:var(--space-3);background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-subtle);display:grid;gap:var(--space-3);padding:var(--space-4);text-align:center}.complete-empty button{background-color:var(--color-primary);border:none;border-radius:var(--radius-pill);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-sm);justify-self:center;padding:var(--space-2) var(--space-5);transition:background-color var(--transition-fast),transform var(--transition-fast)}.complete-empty button:focus-visible,.complete-empty button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.complete-summary{grid-gap:var(--space-3);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:var(--space-3);padding:var(--space-4);text-align:center}.complete-summary h2{color:var(--color-text-strong);font-size:var(--font-size-xl);margin:0}.complete-scorecard{color:var(--color-text-subtle);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-3);justify-content:center}.complete-scorecard strong{-webkit-margin-start:var(--space-1);color:var(--color-text-strong);margin-inline-start:var(--space-1)}.complete-summary-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.complete-summary-actions button{background-color:var(--color-primary);border:none;border-radius:var(--radius-pill);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-5);transition:background-color var(--transition-fast),transform var(--transition-fast)}.complete-summary-actions button:focus-visible,.complete-summary-actions button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.complete-skeleton{grid-gap:var(--space-3);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:var(--space-3);padding:var(--space-4)}.complete-skeleton__bar,.complete-skeleton__block{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#e9f0df59,#e9f0dfbf,#e9f0df59);background-size:200% 100%;border-radius:var(--radius-md)}.complete-skeleton__bar{height:14px}.complete-skeleton__block{height:64px}@media (max-width:640px){.complete-test{padding:var(--space-4) var(--space-3) calc(var(--space-7) + 88px)}.complete-options{gap:var(--space-2)}.complete-option{padding:var(--space-3)}.complete-actions{flex-direction:column}.complete-actions button{text-align:center;width:100%}}.linking-test{background-color:var(--color-bg);direction:rtl;display:flex;flex-direction:column;gap:var(--space-4);margin:0 auto;max-width:720px;min-height:100vh;padding:var(--space-5) var(--space-4) calc(var(--space-7) + 88px)}.linking-header{align-items:center;display:flex;gap:var(--space-3)}.linking-back{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;height:44px;justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast);width:44px}.linking-back:focus-visible,.linking-back:hover{background-color:var(--color-primary-muted);border-color:var(--color-primary)}.linking-back img{height:20px;width:20px}.linking-heading{display:flex;flex-direction:column;gap:var(--space-1)}.linking-subtitle{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}#linking-test-title{color:var(--color-text-strong);font-family:var(--font-family-accent);font-size:var(--font-size-2xl);margin:0}.linking-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.linking-chip{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-subtle);display:inline-flex;font-size:var(--font-size-xs);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.linking-chip--primary{background-color:var(--color-primary-muted);border-color:#0000;color:var(--color-primary);font-weight:var(--font-weight-medium)}.linking-chip--stat{color:var(--color-text)}.linking-feedback{border:1px solid #0000;border-radius:var(--radius-md);box-shadow:var(--shadow-xs);font-size:var(--font-size-sm);line-height:var(--line-height-base);padding:var(--space-3)}.linking-feedback--success{background-color:var(--color-success-surface);border-color:#04785738;color:var(--color-success-text)}.linking-feedback--warning{background-color:var(--color-warning-surface);border-color:#b4530940;color:var(--color-warning)}.linking-feedback--error{background-color:var(--color-danger-surface);border-color:#b4231840;color:var(--color-danger-text)}.linking-card,.linking-question{grid-gap:var(--space-2);display:grid;gap:var(--space-2)}.linking-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.linking-tag{background-color:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-subtle);font-size:var(--font-size-xs);justify-self:flex-start;padding:var(--space-1) var(--space-3)}.linking-ayah{align-items:center;color:var(--color-text);display:inline-flex;flex-wrap:wrap;font-size:var(--font-size-base);gap:var(--space-2);margin:0}.linking-ayah,.linking-ayah__text{line-height:var(--line-height-loose)}.linking-hint{color:var(--color-text-subtle);font-size:var(--font-size-sm);margin:0}.linking-options{grid-gap:var(--space-2);display:grid;gap:var(--space-2)}.linking-option{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;font-size:var(--font-size-base);gap:var(--space-2);line-height:var(--line-height-loose);padding:var(--space-3);text-align:right;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast)}.linking-option:focus-visible,.linking-option:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--shadow-xs);transform:translateY(-2px)}.linking-option:disabled{cursor:not-allowed;opacity:.85}.linking-option.is-selected{background-color:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary-hover)}.linking-option.is-correct{background-color:var(--color-success-surface);border-color:#0478574d;color:var(--color-success-text)}.linking-option.is-wrong{background-color:var(--color-danger-surface);border-color:#b4231859;color:var(--color-danger-text)}.linking-score{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-subtle);display:inline-flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-3);padding:var(--space-2) var(--space-4)}.linking-score strong{-webkit-margin-start:var(--space-1);color:var(--color-text-strong);margin-inline-start:var(--space-1)}.linking-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.linking-actions button{border:1px solid #0000;border-radius:var(--radius-pill);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-5);transition:background-color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}.linking-actions__primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.linking-actions__primary:focus-visible:not(:disabled),.linking-actions__primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.linking-actions__primary:disabled{cursor:not-allowed;opacity:.6}.linking-actions__secondary{background-color:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-text)}.linking-actions__secondary:focus-visible:not(:disabled),.linking-actions__secondary:hover:not(:disabled){border-color:var(--color-primary)}.linking-actions button:last-child{background-color:initial;border-color:var(--color-border);color:var(--color-text)}.linking-actions button:last-child:focus-visible,.linking-actions button:last-child:hover{background-color:var(--color-primary-muted);border-color:var(--color-primary)}.linking-empty{grid-gap:var(--space-3);background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-subtle);display:grid;gap:var(--space-3);padding:var(--space-4);text-align:center}.linking-empty button{background-color:var(--color-primary);border:none;border-radius:var(--radius-pill);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-sm);justify-self:center;padding:var(--space-2) var(--space-5);transition:background-color var(--transition-fast),transform var(--transition-fast)}.linking-empty button:focus-visible,.linking-empty button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.linking-summary{grid-gap:var(--space-3);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text);display:grid;gap:var(--space-3);padding:var(--space-4);text-align:center}.linking-summary h2{color:var(--color-text-strong);font-size:var(--font-size-xl);margin:0}.linking-summary p{color:var(--color-text-subtle);margin:0}.linking-scorecard{color:var(--color-text-subtle);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-3);justify-content:center}.linking-scorecard strong{-webkit-margin-start:var(--space-1);color:var(--color-text-strong);margin-inline-start:var(--space-1)}.linking-summary-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.linking-summary-actions button{background-color:var(--color-primary);border:none;border-radius:var(--radius-pill);color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-5);transition:background-color var(--transition-fast),transform var(--transition-fast)}.linking-summary-actions button:focus-visible,.linking-summary-actions button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.linking-skeleton{grid-gap:var(--space-3);background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid;gap:var(--space-3);padding:var(--space-4)}.linking-skeleton__bar,.linking-skeleton__block{animation:skeleton-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#e9f0df59,#e9f0dfbf,#e9f0df59);background-size:200% 100%;border-radius:var(--radius-md)}.linking-skeleton__bar{height:14px}.linking-skeleton__block{height:64px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.linking-test{padding:var(--space-4) var(--space-3) calc(var(--space-7) + 88px)}.linking-actions{flex-direction:column}.linking-actions button{text-align:center;width:100%}}.writing-test{direction:rtl;margin:0 auto;max-width:600px;padding:20px 20px 60px}.writing-input{border:1px solid #ccc;border-radius:6px;font-size:1.1rem;margin-top:1rem;padding:10px;width:100%}.check-button{background-color:#7bc36a;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 20px}.page-nav-container{display:flex;justify-content:space-between;margin:1rem auto;max-width:400px;width:100%}.page-nav-button{background-color:#57742e;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;margin:0 .5rem;padding:10px 15px}.page-nav-button:disabled{background-color:#ccc;cursor:not-allowed}.result-text{margin-top:1rem}.test-header{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:1rem;position:relative}.back-icon-container{left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.back-icon{cursor:pointer;height:40px;width:40px}.test-title{font-size:1.5rem;margin:0;text-align:center}:root{--color-bg:#f5f7f0;--color-surface:#fff;--color-surface-muted:#e9f0df;--color-surface-alt:#f9fbf4;--color-border:#c8d6b4;--color-border-strong:#87a068;--color-outline:#57742e73;--color-shadow:0 24px 48px -24px #283c2152;--color-text:#1e2615;--color-text-strong:#101508;--color-text-subtle:#4e6140;--color-text-inverse:#fff;--color-primary:#4f6c2a;--color-primary-hover:#435b24;--color-primary-muted:#d8e6c3;--color-info:#2563eb;--color-info-surface:#e0edff;--color-success:#047857;--color-success-text:#064e3b;--color-success-surface:#d1fae5;--color-warning:#b45309;--color-warning-surface:#fff3d6;--color-danger:#b42318;--color-danger-text:#7f1d1d;--color-danger-surface:#fee2e2;--color-focus:#4f6c2a80;--color-overlay:#11180ea6;--font-family-base:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;--font-family-accent:"Inter","Segoe UI Semibold",system-ui,sans-serif;--font-size-2xs:0.7rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--line-height-tight:1.25;--line-height-base:1.55;--line-height-loose:1.75;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1.5rem;--radius-pill:9999px;--shadow-xs:0 1px 2px #121a0e14;--shadow-sm:0 8px 16px -12px #0f150c73;--shadow-md:0 18px 32px -18px #111a0c59;--elevation-soft:0 12px 30px -16px #0f172a59;--transition-fast:120ms ease-out;--transition-default:180ms ease;--transition-slow:260ms ease-in-out;color-scheme:light}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}html{font-size:16px}body,html{background-color:#f5f7f0;background-color:var(--color-bg);color:#1e2615;color:var(--color-text)}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-family:var(--font-family-base);line-height:1.55;line-height:var(--line-height-base);margin:0}a{color:inherit}button,input,textarea{font-family:inherit}:focus-visible{outline:3px solid #4f6c2a80;outline:3px solid var(--color-focus);outline-offset:3px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-base);line-height:var(--line-height-base);margin:0;padding:0}
/*# sourceMappingURL=main.6f4d7fda.css.map*/