:root{--bg: #12140f;--bg-2: #171a13;--surface: #1e2219;--surface-2: #262b20;--ivory: #efe7d6;--ivory-dim: #b9b2a2;--muted: #7c7a6e;--gold: #c8a25e;--gold-soft: rgba(200, 162, 94, .16);--green-glow: rgba(120, 150, 110, .22);--danger: #b98a6a;--radius: 22px;--radius-lg: 30px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:dark;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ivory);font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Naskh Arabic,Geeza Pro,system-ui,sans-serif;font-weight:400;overscroll-behavior:none;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column}button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none}.screen{flex:1;min-height:0;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 22px) calc(var(--safe-bottom) + 20px) calc(var(--safe-left) + 22px)}.subtle-pattern{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background:radial-gradient(1200px 600px at 50% -10%,var(--green-glow),transparent 60%);z-index:0}.start{justify-content:space-between;position:relative;z-index:1;gap:18px}.start__top{display:flex;align-items:center;justify-content:space-between}.icon-btn{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--ivory-dim);background:var(--surface)}.lang-toggle{display:inline-flex;border:1px solid rgba(200,162,94,.28);border-radius:999px;overflow:hidden}.lang-toggle button{padding:8px 16px;font-size:14px;color:var(--ivory-dim);min-width:46px}.lang-toggle button[aria-pressed=true]{background:var(--gold-soft);color:var(--gold);font-weight:600}.brand{text-align:center;margin-top:6px}.brand__mark{margin:0 auto 20px}.brand__name{font-size:46px;font-weight:600;letter-spacing:.5px;margin:0}.brand__alt{font-size:24px;color:var(--gold);margin:6px 0 0;font-weight:500}.length-group{display:block}.length-group__label{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin:0 0 12px;text-align:center}.length-options,.mode-toggle{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.chip:disabled{opacity:.35}.chip{padding:16px 12px;border-radius:var(--radius);background:var(--surface);color:var(--ivory-dim);font-size:16px;text-align:center;border:1.5px solid transparent;transition:border-color .15s,background .15s,color .15s}.chip[aria-pressed=true]{border-color:#c8a25e8c;background:var(--gold-soft);color:var(--ivory)}.instruction{font-size:14.5px;line-height:1.6;color:var(--ivory-dim);text-align:center;margin:0;padding:0 6px}.tip{font-size:13px;color:var(--muted);text-align:center;margin:12px 0 0;display:flex;gap:8px;align-items:center;justify-content:center}.btn-primary{width:100%;padding:20px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#2c3326,#222719);border:1.5px solid rgba(200,162,94,.4);color:var(--ivory);font-size:20px;font-weight:600;letter-spacing:.3px;box-shadow:0 10px 30px #00000059}.btn-primary:active{transform:translateY(1px)}.prayer{position:relative;z-index:1;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;text-align:center;touch-action:none;user-select:none;-webkit-user-select:none;cursor:default}.prayer__number{font-size:min(46vw,320px);line-height:.9;font-weight:600;color:var(--ivory);font-variant-numeric:tabular-nums;letter-spacing:-2px;text-shadow:0 0 40px rgba(0,0,0,.5);transition:opacity .2s}.prayer__label{font-size:26px;color:var(--gold);margin-top:4px;font-weight:500}.prayer__check{display:inline-flex;margin-inline-start:12px;color:var(--gold);vertical-align:middle}.prayer__act{font-size:16px;color:var(--muted);margin-top:18px;letter-spacing:1px}.auto-adjust{display:inline-flex;align-items:center;gap:22px;margin-bottom:6px}.auto-adjust button{width:52px;height:52px;border-radius:16px;background:var(--surface-2);color:var(--gold);font-size:28px;display:grid;place-items:center}.auto-adjust__num{font-size:40px;font-weight:600;min-width:48px;text-align:center;font-variant-numeric:tabular-nums}.ripple{position:absolute;border-radius:50%;pointer-events:none;border:2px solid rgba(200,162,94,.6);animation:ripple .7s ease-out forwards}@keyframes ripple{0%{width:40px;height:40px;opacity:.9}to{width:340px;height:340px;opacity:0}}.prayer--glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 120px 20px var(--green-glow);pointer-events:none;animation:glow .7s ease-out forwards}@keyframes glow{0%{opacity:1}to{opacity:0}}.undo-btn{position:absolute;top:calc(var(--safe-top) + 10px);inset-inline-start:calc(var(--safe-left) + 10px);z-index:3;display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:14px;font-size:13px;color:#b9b2a266;background:#ffffff08;overflow:hidden}.undo-btn__fill{position:absolute;top:0;right:0;bottom:0;left:0;inset-inline-end:auto;background:var(--gold-soft);width:0%;z-index:-1}.hold-fill{position:absolute;inset-block:0;inset-inline-start:0;width:0;background:var(--gold-soft);pointer-events:none}.hold-label{position:relative;z-index:1}.end-hint{position:absolute;inset-inline:0;bottom:calc(var(--safe-bottom) + 48px);display:flex;justify-content:center;z-index:4}.end-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;padding:16px 30px;border-radius:999px;border:1.5px solid rgba(200,162,94,.5);background:#ffffff0a;color:var(--ivory-dim);font-size:15px;letter-spacing:.3px;touch-action:none}.end-btn:active{color:var(--ivory)}.diag{position:absolute;bottom:calc(var(--safe-bottom) + 12px);inset-inline:12px;z-index:3;font-size:11px;font-family:ui-monospace,monospace;color:var(--muted);text-align:center;pointer-events:none}.diag__row{display:inline-block;padding:4px 10px;border-radius:8px;background:#0006}.diag__tag{color:var(--gold)}.diag__tag--bad{color:var(--danger)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;background:#0a0c09c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:30px}.overlay h2{font-size:24px;font-weight:600;margin:0 0 8px}.overlay .btn-primary{max-width:340px}.btn-outline{width:100%;max-width:340px;padding:18px;border-radius:var(--radius-lg);border:1.5px solid rgba(185,178,162,.28);color:var(--ivory-dim);font-size:17px}.btn-danger{color:var(--danger);border-color:#b98a6a66}.done{justify-content:center;align-items:center;text-align:center;gap:10px;position:relative;z-index:1}.done__check{color:var(--gold);margin-bottom:6px}.done__title{font-size:30px;font-weight:600;margin:0}.done__accepted{font-size:30px;color:var(--gold);margin:0 0 20px;font-weight:500}.summary{width:100%;max-width:360px;background:var(--surface);border-radius:var(--radius-lg);padding:8px 20px;border:1px solid rgba(200,162,94,.14)}.summary__row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.05)}.summary__row:last-child{border-bottom:none}.summary__key{color:var(--ivory-dim);font-size:15px}.summary__val{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.stepper{display:inline-flex;align-items:center;gap:14px}.stepper button{width:34px;height:34px;border-radius:10px;background:var(--surface-2);color:var(--gold);font-size:20px;display:grid;place-items:center}.done__actions{width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px;margin-top:22px}.settings{overflow-y:auto;z-index:1}.settings__head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.settings__head h1{font-size:24px;margin:0;font-weight:600}[dir=rtl] .settings__head .icon-btn svg{transform:scaleX(-1)}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.setting__label{font-size:16px}.seg{display:inline-flex;background:var(--surface);border-radius:12px;padding:3px;gap:2px}.seg button{padding:8px 12px;border-radius:9px;font-size:14px;color:var(--ivory-dim);min-width:40px}.seg button[aria-pressed=true]{background:var(--gold-soft);color:var(--gold);font-weight:600}.switch{width:52px;height:30px;border-radius:999px;background:var(--surface-2);position:relative;transition:background .15s}.switch[aria-pressed=true]{background:#c8a25e80}.switch:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:24px;height:24px;border-radius:50%;background:var(--ivory);transition:transform .15s}[dir=ltr] .switch[aria-pressed=true]:after{transform:translate(22px)}[dir=rtl] .switch[aria-pressed=true]:after{transform:translate(-22px)}.reset-link{margin-top:24px;color:var(--danger);font-size:15px;padding:14px;text-align:center;width:100%;border:1px solid rgba(185,138,106,.3);border-radius:var(--radius)}.resume-banner{background:var(--surface);border:1px solid rgba(200,162,94,.3);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.resume-banner__actions{display:flex;gap:8px;flex-shrink:0}.resume-banner button{padding:8px 14px;border-radius:12px;font-size:14px;font-weight:600}.resume-banner .primary{background:var(--gold-soft);color:var(--gold)}.resume-banner .ghost{color:var(--muted)}