body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--paper:#f3ead8;--paper-hi:#fbf6ea;--paper-edge:#e3d6bb;--ink:#2a2118;--ink-2:#5d5040;--ink-3:#9a8c74;--rule:#2a21182e;--rule-soft:#2a211817;--ember:#b4521d;--sage:#5f6b3a;--sage-bg:#dde0c4;--sage-edge:#bcc49a;--clay:#8c3f2a;--clay-bg:#ecd5cb;--clay-edge:#d8b3a6;--shadow:0 26px 54px -26px #120b03c7;--serif:"Fraunces",Georgia,"Times New Roman",serif;--sans:"Instrument Sans","Segoe UI",system-ui,sans-serif;--naskh:"Noto Naskh Arabic","Amiri",serif;--grain:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.05'/%3E%3C/svg%3E")}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background-attachment:fixed;background-image:url(/static/media/kabul.272ded599402d80c9376.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#2a2118;color:var(--ink);font-family:Instrument Sans,Segoe UI,system-ui,sans-serif;font-family:var(--sans);margin:0;text-rendering:optimizeLegibility}body:before{background:linear-gradient(180deg,#1a100657,#1a100614 28%,#1a100629 68%,#10090399),radial-gradient(120% 78% at 50% 16%,#0000 46%,#0e080280 100%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.App{text-align:center}.screen{margin:0 auto;padding:20px 0 72px;position:relative;width:min(94%,600px);z-index:1}.topbar{justify-content:space-between;padding:6px 2px 0}.brand,.topbar{align-items:center;display:flex}.brand{gap:11px}.brand-mark{color:#f3ead8;color:var(--paper);font-family:Noto Naskh Arabic,Amiri,serif;font-family:var(--naskh);font-size:1.7rem;line-height:1;text-shadow:0 2px 10px #0009}.brand-name{color:#f3ead8d1;font-size:.66rem;letter-spacing:.24em;text-shadow:0 1px 6px #0000008c}.brand-name,.nav-link{font-family:Instrument Sans,Segoe UI,system-ui,sans-serif;font-family:var(--sans);font-weight:600;text-transform:uppercase}.nav-link{background:#f3ead8eb;border:1px solid #ffffff80;border-radius:2px;box-shadow:0 8px 20px -10px #000c;color:#2a2118;color:var(--ink);cursor:pointer;font-size:.68rem;letter-spacing:.18em;padding:10px 16px;transition:transform .15s ease,background .15s ease}.nav-link:hover{background:#f3ead8;background:var(--paper);transform:translateY(-1px)}.quiz-card,.stats-paper,.text-container{animation:riseIn .6s cubic-bezier(.22,1,.36,1) both;background-color:#f3ead8;background-color:var(--paper);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.05'/%3E%3C/svg%3E");background-image:var(--grain);border:1px solid #e3d6bb;border:1px solid var(--paper-edge);border-radius:3px;box-shadow:0 26px 54px -26px #120b03c7;box-shadow:var(--shadow);margin:18px auto 0;max-width:600px;padding:30px 30px 34px;position:relative;width:100%}.quiz-card:after,.stats-paper:after{border:1px solid #2a211817;border:1px solid var(--rule-soft);border-radius:1px;content:"";inset:7px;pointer-events:none;position:absolute}.word-display{animation:riseIn .5s .05s both;text-align:center}.dariWordDisplay{align-items:center;display:flex;gap:14px;justify-content:center;min-height:1.1em}.dariWordText{color:#2a2118;color:var(--ink);font-family:Noto Naskh Arabic,Amiri,serif;font-family:var(--naskh);font-size:clamp(3rem,13vw,4.6rem);font-weight:500;line-height:1.15}.englishWordDisplay{color:#9a8c74;color:var(--ink-3);font-family:Instrument Sans,Segoe UI,system-ui,sans-serif;font-family:var(--sans);font-size:.78rem;font-weight:500;letter-spacing:.16em;margin-top:10px;min-height:1.4em;text-transform:uppercase}.listen-icon-btn{background:#0000;border:1px solid #2a21182e;border:1px solid var(--rule);border-radius:50%;cursor:pointer;display:grid;font-size:.95rem;height:40px;line-height:1;place-items:center;transition:background-color .15s,transform .15s;width:40px}.listen-icon-btn:hover{background:#fbf6ea;background:var(--paper-hi);transform:translateY(-1px)}.listen-icon-btn:active{background:#efe3cc}.listen-icon-btn.hidden{pointer-events:none;visibility:hidden}.question-section{border-top:1px solid #2a211817;border-top:1px solid var(--rule-soft);counter-reset:opt;margin-top:24px;padding-top:24px}.question-section p{color:#5d5040;color:var(--ink-2);font-family:Fraunces,Georgia,Times New Roman,serif;font-family:var(--serif);font-size:1.2rem;font-style:italic;font-weight:500;margin:0 0 18px;text-align:center}.option{align-items:center;animation:riseIn .34s both;background:#fbf6ea;background:var(--paper-hi);border:1px solid #2a21182e;border:1px solid var(--rule);border-radius:3px;color:#2a2118;color:var(--ink);counter-increment:opt;cursor:pointer;display:flex;font-family:Instrument Sans,Segoe UI,system-ui,sans-serif;font-family:var(--sans);font-size:1.02rem;font-weight:500;gap:13px;margin:9px 0;padding:13px 16px;transition:transform .12s ease,box-shadow .12s ease,border-color .15s,background .2s}.option:before{border:1px solid #2a21182e;border:1px solid var(--rule);border-radius:50%;color:#9a8c74;color:var(--ink-3);content:counter(opt,lower-alpha);display:grid;flex:none;font-family:Fraunces,Georgia,Times New Roman,serif;font-family:var(--serif);font-size:.85rem;height:24px;place-items:center;width:24px}.option:hover{background:#fff;border-color:#9a8c74;border-color:var(--ink-3);box-shadow:0 6px 16px -10px #0009;transform:translateY(-1px)}.option:nth-child(2){animation-delay:.03s}.option:nth-child(3){animation-delay:.07s}.option:nth-child(4){animation-delay:.11s}.option:nth-child(5){animation-delay:.15s}.option.option-correct{background:#dde0c4;background:var(--sage-bg);border-color:#5f6b3a;border-color:var(--sage);box-shadow:inset 3px 0 0 #5f6b3a;box-shadow:inset 3px 0 0 var(--sage);color:#37431f;transform:none}.option.option-correct:before{border-color:#5f6b3a;border-color:var(--sage);color:#5f6b3a;color:var(--sage)}.option.option-correct:after{color:#5f6b3a;color:var(--sage);content:"\2713";font-size:1.05rem;font-weight:700;margin-left:auto}.option.option-incorrect{background:#ecd5cb;background:var(--clay-bg);border-color:#8c3f2a;border-color:var(--clay);box-shadow:inset 3px 0 0 #8c3f2a;box-shadow:inset 3px 0 0 var(--clay);color:#5e2818;transform:none}.option.option-incorrect:before{border-color:#8c3f2a;border-color:var(--clay);color:#8c3f2a;color:var(--clay)}.option.option-incorrect:after{color:#8c3f2a;color:var(--clay);content:"\2717";font-size:1.05rem;font-weight:700;margin-left:auto}.stats-paper{padding:30px 30px 32px}.stats-kicker{color:#9a8c74;color:var(--ink-3);font-family:Instrument Sans,Segoe UI,system-ui,sans-serif;font-family:var(--sans);font-size:.68rem;letter-spacing:.24em;text-transform:uppercase}.stats-kicker,.stats-title{font-weight:600;text-align:center}.stats-title{color:#2a2118;color:var(--ink);font-family:Fraunces,Georgia,Times New Roman,serif;font-family:var(--serif);font-size:clamp(2.1rem,8vw,2.7rem);letter-spacing:-.015em;margin:.25rem 0 0}.rule-double{border-top:3px double #2a21182e;border-top:3px double var(--rule);height:0;margin:16px auto 24px;width:66px}.streak-hero{padding:4px 0 8px;text-align:center}.streak-figure{align-items:center;display:inline-flex;gap:14px}.streak-value{color:#9a8c74;color:var(--ink-3);font-family:Fraunces,Georgia,Times New Roman,serif;font-family:var(--serif);font-size:clamp(4.2rem,22vw,6.2rem);font-weight:600;letter-spacing:-.03em;line-height:.85}.streak-hero.active .streak-value{color:#b4521d;color:var(--ember)}.streak-flame{color:#9a8c74;color:var(--ink-3);display:inline-flex;opacity:.45}.streak-flame svg{height:clamp(30px,9vw,40px);width:clamp(30px,9vw,40px)}.streak-hero.active .streak-flame{color:#b4521d;color:var(--ember);opacity:1}.streak-caption{color:#5d5040;color:var(--ink-2);font-family:Instrument Sans,Segoe UI,system-ui,sans-serif;font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.2em;margin-top:12px;text-transform:uppercase}.stat-row{align-items:stretch;border-bottom:1px solid #2a211817;border-bottom:1px solid var(--rule-soft);border-top:1px solid #2a211817;border-top:1px solid var(--rule-soft);display:flex;justify-content:center;margin:18px 0 4px;padding:20px 0}.stat-figure{flex:1 1;text-align:center}.stat-number{color:#2a2118;color:var(--ink);font-family:Fraunces,Georgia,Times New Roman,serif;font-family:var(--serif);font-size:2.5rem;font-weight:600;line-height:1}.stat-label{color:#9a8c74;color:var(--ink-3);font-family:Instrument Sans,Segoe UI,system-ui,sans-serif;font-family:var(--sans);font-size:.66rem;font-weight:600;letter-spacing:.16em;margin-top:9px;text-transform:uppercase}.stat-vrule{background:#2a21182e;background:var(--rule);margin:2px 0;width:1px}.chart-block{margin-top:28px}.chart-head{align-items:baseline;border-bottom:1px solid #2a21182e;border-bottom:1px solid var(--rule);color:#9a8c74;color:var(--ink-3);display:flex;font-family:Instrument Sans,Segoe UI,system-ui,sans-serif;font-family:var(--sans);font-size:.68rem;font-weight:600;justify-content:space-between;letter-spacing:.16em;margin-bottom:16px;padding-bottom:9px;text-transform:uppercase}.chart-peak{letter-spacing:.1em;opacity:.75}.stat-chart{align-items:flex-end;display:flex;gap:10px;height:150px;justify-content:space-between}.stat-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.stat-bar-count{color:#5d5040;color:var(--ink-2);font-family:Fraunces,Georgia,Times New Roman,serif;font-family:var(--serif);font-size:.82rem;margin-bottom:6px;min-height:1.1em}.stat-bar-track{align-items:flex-end;display:flex;flex:1 1;max-width:28px;width:100%}.stat-bar-fill{animation:growBar .6s cubic-bezier(.22,1,.36,1) both;background:#9a8c74;background:var(--ink-3);border-radius:1px;min-height:3px;transform-origin:bottom;width:100%}.stat-bar-col.empty .stat-bar-fill{background:#2a21182e;background:var(--rule)}.stat-bar-col.today .stat-bar-fill{background:#b4521d;background:var(--ember)}.stat-bar-col.today .stat-bar-count{color:#b4521d;color:var(--ember)}.stat-bar-label{color:#9a8c74;color:var(--ink-3);font-family:Instrument Sans,Segoe UI,system-ui,sans-serif;font-family:var(--sans);font-size:.64rem;font-weight:500;letter-spacing:.08em;margin-top:11px;text-transform:uppercase}.stat-bar-col.today .stat-bar-label{color:#b4521d;color:var(--ember);font-weight:600}.reminder-toggle{border-top:1px solid #2a21182e;border-top:1px solid var(--rule);margin-top:30px;padding-top:22px;text-align:center}.reminder-btn{align-items:center;background:#fbf6ea;background:var(--paper-hi);border:1px solid #2a21182e;border:1px solid var(--rule);border-radius:3px;color:#2a2118;color:var(--ink);cursor:pointer;display:inline-flex;font-family:Instrument Sans,Segoe UI,system-ui,sans-serif;font-family:var(--sans);font-size:.74rem;font-weight:600;gap:11px;letter-spacing:.12em;padding:13px 22px;text-transform:uppercase;transition:transform .12s ease,background .18s,border-color .18s}.reminder-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.reminder-dot{background:#9a8c74;background:var(--ink-3);border-radius:50%;height:7px;transition:background .18s,box-shadow .18s;width:7px}.reminder-btn.on{background:#dde0c4;background:var(--sage-bg);border-color:#bcc49a;border-color:var(--sage-edge);color:#3c4422}.reminder-btn.on .reminder-dot{background:#5f6b3a;background:var(--sage);box-shadow:0 0 0 3px #5f6b3a33}.reminder-btn:disabled{cursor:not-allowed;opacity:.55}.reminder-note{color:#5d5040;color:var(--ink-2);font-family:Instrument Sans,Segoe UI,system-ui,sans-serif;font-family:var(--sans);font-size:.82rem;margin:13px auto 0;max-width:38ch}.text-container h2{color:#2a2118;color:var(--ink);font-family:Fraunces,Georgia,Times New Roman,serif;font-family:var(--serif);font-weight:600}.admin-panel{text-align:center}.admin-logout-row{display:flex;justify-content:flex-end;padding:6px 2px 0}.admin-actions button,.admin-logout,.admin-nav button{background:#fbf6ea;background:var(--paper-hi);border:1px solid #2a21182e;border:1px solid var(--rule);border-radius:3px;color:#2a2118;color:var(--ink);cursor:pointer;font-family:Instrument Sans,Segoe UI,system-ui,sans-serif;font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.04em;padding:9px 16px;transition:background .15s}.admin-logout{background:#f3ead8eb;box-shadow:0 8px 20px -10px #000c}.admin-actions button:hover,.admin-logout:hover,.admin-nav button:hover{background:#fff}.admin-progress{font-size:.7rem;letter-spacing:.18em;text-shadow:0 1px 6px #0009}.admin-progress,.record-btn{color:#f3ead8;color:var(--paper);font-family:Instrument Sans,Segoe UI,system-ui,sans-serif;font-family:var(--sans);font-weight:600;text-transform:uppercase}.record-btn{background:#2a2118;background:var(--ink);border:none;border-radius:3px;cursor:pointer;display:block;font-size:.86rem;letter-spacing:.12em;margin:18px auto;min-width:240px;padding:18px 28px;touch-action:none;user-select:none;-webkit-user-select:none}.record-btn.recording{animation:pulse 1s infinite;background:#8c3f2a;background:var(--clay)}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.admin-actions button.primary{background:#dde0c4;background:var(--sage-bg);border-color:#bcc49a;border-color:var(--sage-edge);color:#3c4422}.admin-pending,.admin-saved{margin-top:16px}.admin-pending audio,.admin-saved audio{margin:8px 0;width:100%}.admin-error{color:#8c3f2a;color:var(--clay);font-family:Instrument Sans,Segoe UI,system-ui,sans-serif;font-family:var(--sans)}.admin-nav{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.admin-nav button:disabled{cursor:not-allowed;opacity:.4}.word-index{border-top:1px solid #2a21182e;border-top:1px solid var(--rule);list-style:none;margin:16px 0 0;max-height:360px;overflow-y:auto;padding:0;text-align:left}.word-row{grid-gap:8px;align-items:center;border-bottom:1px solid #2a211817;border-bottom:1px solid var(--rule-soft);cursor:pointer;display:grid;gap:8px;grid-template-columns:32px 1fr 1fr;padding:9px 8px}.word-row:hover{background:#b4521d0f}.word-row.active{background:#dde0c4;background:var(--sage-bg);font-weight:600}.word-status{font-size:1.1em;text-align:center}.word-dari{font-family:Noto Naskh Arabic,Amiri,serif;font-family:var(--naskh);font-size:1.4em;text-align:right}.word-english{color:#5d5040;color:var(--ink-2)}.play-sound-btn,.word-english{font-family:Instrument Sans,Segoe UI,system-ui,sans-serif;font-family:var(--sans)}.play-sound-btn{background:#0000;border:1px solid #2a2118;border:1px solid var(--ink);border-radius:3px;color:#2a2118;color:var(--ink);cursor:pointer;font-size:.9em;margin-left:8px;padding:6px 14px}.play-sound-btn:hover{background:#2a2118;background:var(--ink);color:#f3ead8;color:var(--paper)}.admin-gate{text-align:center}.admin-password-input{background:#fbf6ea;background:var(--paper-hi);border:1px solid #2a21182e;border:1px solid var(--rule);border-radius:3px;font-size:1em;margin-right:8px;padding:11px 13px}.admin-gate form button,.admin-password-input{font-family:Instrument Sans,Segoe UI,system-ui,sans-serif;font-family:var(--sans)}.admin-gate form button{background:#dde0c4;background:var(--sage-bg);border:1px solid #bcc49a;border:1px solid var(--sage-edge);border-radius:3px;color:#3c4422;cursor:pointer;font-weight:600;letter-spacing:.04em;padding:11px 18px}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important}}@media (max-width:480px){.quiz-card,.stats-paper,.text-container{padding:24px 20px 28px}.stat-chart{height:132px}}
/*# sourceMappingURL=main.210e2c12.css.map*/