.ab-page{background:var(--background);min-height:100vh;color:var(--foreground);padding:max(1rem,env(safe-area-inset-top)) 1rem 8rem}.ab-header{align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.ab-header h1{flex:1;font-size:1.25rem;font-weight:600}.ab-icon-btn{color:var(--foreground);background:0 0;border:0;border-radius:999px;padding:.5rem}.ab-icon-btn:hover{background:var(--muted)}.ab-beta{background:var(--muted);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:.15rem .5rem;font-size:10px}.ab-card{border:1px solid var(--border);background:var(--card);border-radius:1.5rem;margin-bottom:1rem;padding:1.25rem;position:relative;overflow:hidden}.ab-glow{pointer-events:none;background:radial-gradient(circle at 50% 0%,color-mix(in oklab,var(--primary) 14%,transparent),transparent 70%);position:absolute;inset:0}.ab-today-title{text-transform:uppercase;letter-spacing:.14em;color:var(--muted-foreground);font-size:11px}.ab-today-main{margin-top:.25rem;font-size:1.05rem;font-weight:600}.ab-today-sub{color:var(--muted-foreground);margin-top:.15rem;font-size:.8rem}.ab-start{background:var(--primary);width:100%;color:var(--primary-foreground);border:0;border-radius:1rem;margin-top:1rem;padding:.9rem 1rem;font-size:.95rem;font-weight:600;position:relative}.ab-start:active{transform:scale(.98)}.ab-section-title{text-transform:uppercase;letter-spacing:.14em;color:var(--primary);margin:1.25rem 0 .5rem;font-size:11px}.ab-path{flex-direction:column;gap:.55rem;padding-left:1.25rem;display:flex;position:relative}.ab-path:before{content:"";background:var(--border);width:1px;position:absolute;top:12px;bottom:12px;left:7px}.ab-lesson{text-align:left;border:1px solid var(--border);background:var(--card);width:100%;color:var(--foreground);border-radius:1rem;align-items:center;gap:.75rem;padding:.8rem .9rem;display:flex;position:relative}.ab-lesson:active:not(:disabled){transform:scale(.99)}.ab-lesson:disabled{opacity:.55}.ab-lesson.ab-next{border-color:var(--primary)}.ab-dot{border:2px solid var(--border);background:var(--background);width:15px;height:15px;color:var(--primary-foreground);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;left:-19px}.ab-dot.ab-passed{border-color:var(--primary);background:var(--primary)}.ab-dot.ab-open{border-color:var(--primary)}.ab-lesson-main{flex:1;min-width:0}.ab-lesson-main b{font-size:.875rem;font-weight:500;display:block}.ab-lesson-main small{color:var(--muted-foreground);font-size:.72rem}.ab-lesson-ar{font-family:var(--font-arabic);font-size:1.35rem;line-height:1.4}.ab-meter{direction:rtl;flex-wrap:wrap;gap:.3rem;margin:.6rem 0;display:flex}.ab-meter-word{font-family:var(--font-arabic);color:var(--foreground);font-size:1.05rem;line-height:1.7}.ab-meter-word.ab-dim{opacity:.22}.ab-stats{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:.75rem;display:grid}.ab-stat{background:var(--muted);text-align:center;border-radius:1rem;padding:.7rem .5rem}.ab-stat b{font-size:1.05rem;display:block}.ab-stat small{color:var(--muted-foreground);font-size:.65rem}.ab-teacher-line{text-align:center;color:var(--muted-foreground);margin-top:1.5rem;padding:0 .5rem;font-size:.72rem;line-height:1.6}.ab-player{z-index:300;background:var(--background);color:var(--foreground);flex-direction:column;display:flex;position:fixed;inset:0}.ab-player-top{padding:max(.75rem,env(safe-area-inset-top)) 1rem .5rem;align-items:center;gap:.75rem;display:flex}.ab-progress{background:var(--muted);border-radius:999px;flex:1;height:6px;overflow:hidden}.ab-progress>div{background:var(--primary);border-radius:999px;height:100%;transition:width .4s}.ab-player-title{font-family:var(--font-arabic);font-size:1.1rem}.ab-step-body{text-align:center;flex-direction:column;flex:1;align-items:center;padding:1rem 1.25rem 1.5rem;display:flex;overflow-y:auto}.ab-step-label{text-transform:uppercase;letter-spacing:.16em;color:var(--primary);margin-bottom:.75rem;font-size:11px;font-weight:500}.ab-player-action{border-top:1px solid var(--border);padding:.75rem 1.25rem max(1rem,env(safe-area-inset-bottom))}.ab-primary{background:var(--primary);width:100%;color:var(--primary-foreground);border:0;border-radius:999px;padding:1rem;font-size:1rem;font-weight:500}.ab-primary:disabled{opacity:.35}.ab-primary:active:not(:disabled){transform:scale(.98)}.ab-link-btn{color:var(--primary);text-underline-offset:2px;background:0 0;border:0;margin-top:.75rem;font-size:.8rem;text-decoration:underline}.ab-big-letter{border:1px solid var(--border);background:var(--card);border-radius:2.5rem;justify-content:center;align-items:center;width:11rem;height:11rem;margin:.75rem 0;display:flex;position:relative;overflow:hidden}.ab-big-letter span{font-family:var(--font-arabic);font-size:5.5rem;line-height:1;position:relative}.ab-big-text{font-family:var(--font-arabic);margin:.5rem 0;font-size:3.4rem;line-height:1.9}.ab-shapes{grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;max-width:22rem;margin:.75rem 0;display:grid}.ab-shape{border:1px solid var(--border);background:var(--card);border-radius:.9rem;padding:.6rem .25rem}.ab-shape b{font-family:var(--font-arabic);font-size:1.7rem;font-weight:400;line-height:1.5;display:block}.ab-shape small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);font-size:.6rem}.ab-tip{max-width:22rem;color:var(--muted-foreground);font-size:.85rem;line-height:1.6}.ab-note{background:var(--muted);border-radius:1rem;max-width:22rem;margin-top:.75rem;padding:.8rem 1rem;font-size:.82rem;line-height:1.6}.ab-choices{grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;max-width:22rem;margin-top:1.25rem;display:grid}.ab-choice{border:2px solid var(--border);background:var(--card);min-height:5.5rem;color:var(--foreground);font-family:var(--font-arabic);border-radius:1.5rem;justify-content:center;align-items:center;font-size:2.6rem;transition:transform .1s;display:flex}.ab-choice.ab-text{font-family:var(--font-sans);padding:1rem;font-size:1rem;line-height:1.4}.ab-choice:active:not(:disabled){transform:scale(.95)}.ab-choice.ab-right{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 12%,var(--card))}.ab-choice.ab-wrong{border-color:var(--destructive);background:color-mix(in oklab,var(--destructive) 8%,var(--card))}.ab-choice:disabled{cursor:default}.ab-choice.ab-faded{opacity:.4}.ab-mic-wrap{flex-direction:column;align-items:center;gap:.5rem;margin-top:1.25rem;display:flex}.ab-mic{background:var(--primary);width:5rem;height:5rem;color:var(--primary-foreground);transform:scale(var(--ab-voice-scale,1));box-shadow:0 14px 30px -12px color-mix(in oklab,var(--primary) 55%,transparent);border:0;border-radius:999px;justify-content:center;align-items:center;transition:transform .12s;display:flex}.ab-mic.ab-listening{background:var(--destructive)}.ab-mic:disabled{opacity:.5}.ab-mic-caption{color:var(--muted-foreground);min-height:1rem;font-size:.75rem}.ab-verdict{text-align:left;border-radius:1rem;width:100%;max-width:22rem;margin-top:1rem;padding:.9rem 1rem;font-size:.85rem;line-height:1.6}.ab-verdict.ab-ok{background:color-mix(in oklab,var(--primary) 12%,var(--card))}.ab-verdict.ab-close{background:color-mix(in oklab,var(--accent) 18%,var(--card))}.ab-verdict.ab-bad{background:var(--muted)}.ab-info-row{color:var(--muted-foreground);justify-content:center;align-items:center;gap:.35rem;margin-top:.6rem;font-size:.68rem;display:flex}.ab-kid{background:var(--muted);color:var(--muted-foreground);border-radius:.8rem;max-width:22rem;margin-top:.5rem;padding:.5rem .8rem;font-size:.7rem}.ab-download{width:100%;max-width:22rem;margin-top:1rem}.ab-download .ab-progress{margin-top:.4rem}.ab-ayah{font-family:var(--font-arabic);direction:rtl;margin:.75rem 0;font-size:2rem;line-height:2.4}.ab-ayah .ab-w{border-radius:.4rem;margin:0 .2rem;padding:0 .15rem}.ab-ayah .ab-w-ok{color:var(--primary)}.ab-ayah .ab-w-bad{color:var(--destructive)}.ab-ayah .ab-w-dim{opacity:.35}.ab-meaning{font-family:var(--font-sans);color:var(--muted-foreground);font-size:.6rem;line-height:1.2;display:block}.ab-trace{border:1px solid var(--border);background:var(--card);touch-action:none;border-radius:2rem;width:min(20rem,88vw);height:min(20rem,88vw);margin:.5rem 0;position:relative}.ab-trace canvas{width:100%;height:100%;position:absolute;inset:0}.ab-result-ring{border:4px solid var(--primary);border-radius:999px;justify-content:center;align-items:center;width:8rem;height:8rem;margin:1.5rem 0;font-size:1.8rem;font-weight:600;display:flex}.ab-sheet{z-index:320;background:color-mix(in oklab,var(--foreground) 35%,transparent);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ab-sheet-inner{background:var(--card);border:1px solid var(--border);width:100%;max-width:28rem;max-height:85dvh;padding:1.25rem 1.25rem max(1.5rem,env(safe-area-inset-bottom));border-radius:1.5rem 1.5rem 0 0;overflow-y:auto}.ab-sheet-inner h2{margin-bottom:1rem;font-size:1.05rem;font-weight:600}.ab-setting-row{justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;font-size:.9rem;display:flex}.ab-setting-row small{color:var(--muted-foreground);margin-top:.15rem;font-size:.72rem;display:block}.ab-segments{gap:.4rem;display:flex}.ab-segments button{border:1px solid var(--border);color:var(--foreground);background:0 0;border-radius:999px;padding:.35rem .8rem;font-size:.8rem}.ab-segments button.ab-on{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.ab-dialog{z-index:340;background:color-mix(in oklab,var(--foreground) 40%,transparent);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.ab-dialog-inner{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:1.5rem;width:100%;max-width:22rem;padding:1.5rem}.ab-dialog-inner h3{margin-bottom:.5rem;font-size:1rem;font-weight:600}.ab-dialog-inner p{color:var(--muted-foreground);margin-bottom:1.25rem;font-size:.82rem;line-height:1.6}.ab-dialog-actions{gap:.6rem;display:flex}.ab-dialog-actions button{border:1px solid var(--border);color:var(--foreground);background:0 0;border-radius:999px;flex:1;padding:.75rem;font-size:.9rem}.ab-dialog-actions button.ab-danger{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.ab-milestone{z-index:360;background:color-mix(in oklab,var(--foreground) 45%,transparent);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.ab-milestone-inner{background:var(--card);border:1px solid var(--border);text-align:center;width:100%;max-width:22rem;color:var(--primary);border-radius:1.75rem;padding:2rem 1.5rem}.ab-milestone-inner h2{color:var(--foreground);margin:.75rem 0 .35rem;font-size:1.15rem;font-weight:600}.ab-milestone-inner p{color:var(--muted-foreground);margin-bottom:1.25rem;font-size:.85rem;line-height:1.6}.ab-rec-row{border:1px solid var(--border);background:var(--card);border-radius:1rem;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.7rem .9rem;display:flex}.ab-rec-row .ab-rec-text{font-family:var(--font-arabic);font-size:1.6rem;line-height:1.5}.ab-rec-row small{color:var(--muted-foreground);font-size:.68rem;display:block}.ab-rec-done{color:var(--primary)}.hz-setup{min-height:100dvh}.hz-steps{justify-content:center;gap:6px;padding:8px 0 4px;display:flex}.hz-step-dot{background:color-mix(in oklab,var(--foreground) 14%,transparent);border-radius:2px;width:22px;height:4px;transition:background .25s}.hz-step-dot.is-on{background:var(--accent)}.hz-step-dot.is-done{background:color-mix(in oklab,var(--accent) 45%,transparent)}.hz-step-label{text-align:center;margin:6px 0 2px}.hz-title{color:var(--foreground);margin:10px 0 4px;font-size:22px;font-weight:800}.hz-sub{color:var(--muted-foreground);margin:0 0 14px;font-size:13px}.hz-note{color:var(--muted-foreground);text-align:center;margin-top:10px;font-size:12px}.hz-known-step{padding-bottom:calc(var(--bottom-nav-height,90px) + env(safe-area-inset-bottom) + 20px);color:var(--foreground)}main.hz-setup>div{padding-top:calc(env(safe-area-inset-top,0px) + 76px)}.hz-known-step>div{padding:calc(env(safe-area-inset-top,0px) + 76px) 16px 16px}.hz-known-step .hz-steps{margin-bottom:12px;padding:8px 0 0}.hz-known-content{isolation:isolate;position:relative}.hz-known-heading{background:color-mix(in oklab,var(--surface-card,var(--card)) 52%,transparent);-webkit-backdrop-filter:blur(14px)saturate(115%);backdrop-filter:blur(14px)saturate(115%);border:1px solid color-mix(in oklab,var(--surface) 58%,transparent);box-shadow:inset 0 1px color-mix(in oklab,var(--surface) 60%,transparent);border-radius:24px;margin:0 0 22px;padding:16px 12px}.hz-known-content .hz-title{font-family:var(--font-display);text-align:center;color:var(--card-foreground);margin:0 0 10px;font-size:26px;font-weight:700;line-height:1.15}.hz-known-content .hz-sub{color:var(--card-foreground);text-align:center;margin:0;font-size:13px;line-height:1.5}.hz-known-step .hz-juz-grid{background:color-mix(in oklab,var(--surface) 62%,transparent);-webkit-backdrop-filter:blur(20px)saturate(125%);backdrop-filter:blur(20px)saturate(125%);border:1px solid color-mix(in oklab,var(--surface) 88%,transparent);box-shadow:var(--card-shadow),inset 0 1px 0 var(--surface);border-radius:20px;gap:8px;margin-bottom:20px;padding:11px 9px}.hz-known-step .hz-juz-tile{background:color-mix(in oklab,var(--surface) 88%,transparent);width:100%;min-width:0;height:44px;color:var(--foreground);border:1px solid var(--surface);box-shadow:var(--card-shadow);border-radius:13px;padding:0;font-size:16px;font-weight:700;transition:background .2s,border-color .2s,transform .2s;position:relative}.hz-known-step .hz-juz-tile.is-on{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}.hz-known-step .hz-juz-tile:active{transform:scale(.94)}.hz-known-step .hz-juz-tile .hz-juz-check{width:10px;height:10px;position:absolute;top:3px;right:3px}.hz-known-step .hz-pick-surahs{background:linear-gradient(180deg,color-mix(in oklab,var(--background) 88%,var(--surface)),color-mix(in oklab,var(--background) 85%,var(--muted)));width:calc(100% - 8px);height:46px;color:var(--card-foreground);border:1px solid var(--surface);box-shadow:var(--card-shadow),0 3px 5px color-mix(in oklab,var(--card-foreground) 8%,transparent),inset 0 1px 0 var(--surface);border-radius:16px;gap:12px;margin:0 4px;font-size:14px;font-weight:600}.hz-known-step .hz-pick-surahs>svg:first-child{stroke-width:1.7px;width:21px;height:21px;color:var(--card-foreground)}.hz-known-step .hz-pick-surahs>svg:last-child{display:none}.hz-picker-open{transform:rotate(90deg)}.hz-choice-divider{color:var(--foreground);text-transform:uppercase;align-items:center;gap:16px;margin:18px 0;font-size:12px;display:flex}.hz-choice-divider:before,.hz-choice-divider:after{content:"";background:color-mix(in oklab,var(--foreground) 25%,transparent);flex:1;height:1px}.hz-known-step .hz-fresh-choice{text-align:left;white-space:normal;background:color-mix(in oklab,var(--background) 28%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:calc(100% - 8px);height:auto;min-height:60px;color:var(--card-foreground);border:1px solid color-mix(in oklab,var(--surface) 64%,transparent);box-shadow:0 3px 8px color-mix(in oklab,var(--card-foreground) 5%,transparent);border-radius:16px;gap:10px;margin:0 4px;padding:9px 12px;display:flex}.hz-known-step .hz-fresh-choice:hover,.hz-known-step .hz-fresh-choice:active{background:color-mix(in oklab,var(--background) 38%,transparent);color:var(--card-foreground)}.hz-fresh-icon{width:34px;height:34px;color:var(--accent);background:color-mix(in oklab,var(--background) 20%,transparent);border-radius:50%;flex:none;place-items:center;display:grid}.hz-known-step .hz-fresh-icon svg{width:23px;height:23px}.hz-fresh-copy{flex:1;min-width:0}.hz-fresh-copy strong{font-size:14px;font-weight:600;line-height:1.4;display:block}.hz-fresh-copy small{color:var(--card-foreground);opacity:.8;margin-top:4px;font-size:12px;font-weight:400;display:block}.hz-fresh-check{opacity:.5;flex:none}.hz-known-step .hz-nav{justify-content:center;margin-top:24px}.hz-known-step .hz-nav>span{display:none}.hz-known-step .hz-primary{min-width:112px;height:44px;font-size:16px}@media(prefers-reduced-motion:reduce){.hz-known-step .hz-juz-tile{transition:none}}.hz-juz-grid{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px;display:grid}.hz-juz-tile{border:1px solid var(--border);background:var(--surface,var(--card));height:44px;color:var(--foreground);border-radius:12px;font-weight:700}.hz-juz-tile.is-on{background:var(--accent);color:var(--accent-foreground,var(--card));border-color:var(--accent)}.hz-surah-pick{border:1px solid var(--border);background:var(--surface,var(--card));border-radius:16px;flex-wrap:wrap;gap:6px;max-height:260px;margin-bottom:12px;padding:10px;display:flex;overflow-y:auto}.hz-surah-chip{border:1px solid var(--border);height:auto;color:var(--foreground);border-radius:999px;padding:4px 10px;font-size:12px}.hz-surah-chip.is-on{background:var(--accent);color:var(--accent-foreground,var(--card));border-color:var(--accent)}.hz-surah-dialog.hz-setup{width:calc(100% - 28px);max-width:520px;height:min(84dvh,840px);min-height:0;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px);border:1px solid var(--border);background:color-mix(in oklab,var(--surface-card,var(--card)) 88%,transparent);color:var(--card-foreground);-webkit-backdrop-filter:blur(26px)saturate(120%);box-shadow:var(--card-shadow);z-index:220;border-radius:28px;flex-direction:column;gap:14px;padding:20px 16px;display:flex}.hz-surah-dialog>button:last-child{display:none}.hz-surah-dialog-header{flex:none;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;display:grid}.hz-surah-dialog-header h2{text-align:center;font-family:var(--font-display);letter-spacing:0;font-size:24px;line-height:1.25}.hz-surah-back{border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 70%,transparent);width:38px;height:38px;color:var(--card-foreground);border-radius:13px;padding:0}.hz-surah-search{border:1px solid var(--border);background:color-mix(in oklab,var(--muted) 45%,transparent);height:46px;color:var(--foreground);border-radius:24px;flex:none;align-items:center;gap:10px;padding:0 14px;display:flex}.hz-surah-search svg{flex:none;width:20px;height:20px}.hz-surah-search input{width:100%;min-width:0;color:var(--card-foreground);background:0 0;outline:none;font-size:15px}.hz-surah-search input::placeholder{color:var(--text-muted,var(--muted-foreground))}.hz-surah-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.hz-surah-dialog-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--muted-foreground) transparent;flex-direction:column;flex:1;gap:6px;min-height:0;padding:2px 3px 2px 0;display:flex;overflow-y:auto}.hz-surah-row{border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 64%,transparent);width:100%;height:auto;min-height:48px;color:var(--card-foreground);text-align:left;white-space:normal;border-radius:14px;flex:none;gap:10px;padding:9px 11px;display:flex}.hz-surah-row:hover,.hz-surah-row.is-on{background:color-mix(in oklab,var(--accent) 12%,var(--surface-card,var(--card)));color:var(--card-foreground)}.hz-surah-row.is-on{border-color:var(--accent)}.hz-surah-checkbox{border:1.5px solid var(--accent);width:18px;height:18px;color:var(--accent-foreground);border-radius:5px;flex:none;place-items:center;display:grid}.hz-surah-row.is-on .hz-surah-checkbox{background:var(--accent)}.hz-surah-checkbox svg{width:13px;height:13px}.hz-surah-english{flex:1;min-width:0;font-size:14px;font-weight:600}.hz-surah-arabic{max-width:33%;font-size:18px;font-family:var(--font-arabic);font-weight:400}.hz-surah-chevron{width:15px;height:15px;color:var(--foreground);flex:none}.hz-surah-dialog-footer{border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 55%,transparent);border-radius:20px;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.hz-surah-empty{text-align:center;color:var(--card-foreground);padding:24px 0}.hz-surah-tabs{border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 70%,transparent);border-radius:16px;flex:none;gap:4px;padding:4px;display:flex}.hz-surah-tabs>button{color:var(--card-foreground);border-radius:12px;flex:1}.hz-surah-tabs>button[aria-pressed=true]{background:var(--accent);color:var(--accent-foreground)}.hz-surah-rank{background:var(--accent);width:26px;height:26px;color:var(--accent-foreground);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.hz-surah-order-actions{flex:none;gap:2px;display:flex}.hz-surah-order-actions>button{width:32px;height:36px;color:var(--card-foreground)}.hz-surah-order-actions svg{width:16px;height:16px}.hz-entry-back{z-index:20;position:absolute;top:32px;left:0}.hz-entry-back .header-icon-button,.hz-home-header .header-icon-button{background:color-mix(in oklab,var(--card) 88%,transparent)!important;color:var(--btn-fg,var(--title))!important;border:1px solid var(--card-border,var(--border))!important;box-shadow:0 2px 8px color-mix(in oklab,var(--title) 6%,transparent)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:12px!important}.hz-surah-dialog.hz-setup{isolation:isolate;background:var(--surface-card,var(--card));overflow:hidden}.hz-surah-scenery{z-index:-1;pointer-events:none;opacity:.5;height:230px;-webkit-mask-image:linear-gradient(to bottom,var(--foreground) 0%,var(--foreground) 45%,transparent 100%);mask-image:linear-gradient(to bottom,var(--foreground) 0%,var(--foreground) 45%,transparent 100%);background-position:50% 15%;background-size:cover;position:absolute;inset:0 0 auto}.hz-surah-instruction{text-align:center;color:var(--card-foreground);margin:-12px 0 8px;font-size:13px}.hz-surah-dialog-header{padding-bottom:6px}.hz-surah-dialog .hz-surah-search{background:color-mix(in oklab,var(--accent) 5%,var(--surface-card,var(--card)))}.hz-surah-dialog .hz-surah-row{background:color-mix(in oklab,var(--accent) 3%,var(--surface-card,var(--card)))}.hz-surah-dialog .hz-surah-row:hover,.hz-surah-dialog .hz-surah-row.is-on{background:color-mix(in oklab,var(--accent) 9%,var(--surface-card,var(--card)))}.hz-cards{flex-direction:column;gap:10px;display:flex}.hz-card{text-align:left;border:1px solid var(--border);background:var(--surface,var(--card));height:auto;color:var(--foreground);white-space:normal;border-radius:18px;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 16px;display:flex}.hz-card strong{font-size:15px}.hz-card span{color:var(--muted-foreground);font-size:12px}.hz-card.is-on{border-color:var(--accent);box-shadow:0 0 0 1.5px var(--accent)}.hz-card .hz-finish{color:var(--accent);font-weight:700}.hz-order-step{padding-bottom:calc(var(--bottom-nav-height,90px) + env(safe-area-inset-bottom) + 20px)}.hz-order-step>div{padding-left:16px;padding-right:16px}.hz-order-step .hz-steps{margin-bottom:20px;padding:8px 0 0}.hz-order-step .hz-known-heading{margin-bottom:24px;padding:20px 10px}.hz-order-step .hz-title{text-align:center;font-family:var(--font-display);color:var(--card-foreground);margin:0;font-size:24px;font-weight:700;line-height:1.25}.hz-order-step .hz-cards{gap:12px}.hz-order-step .hz-card{border:1.5px solid color-mix(in oklab,var(--surface) 90%,transparent);background:color-mix(in oklab,var(--surface-card,var(--card)) 73%,transparent);-webkit-backdrop-filter:blur(16px)saturate(115%);backdrop-filter:blur(16px)saturate(115%);min-height:88px;box-shadow:0 5px 12px color-mix(in oklab,var(--foreground) 9%,transparent),inset 0 1px 0 var(--surface);border-radius:25px;flex-direction:row;align-items:center;gap:12px;padding:14px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.hz-order-step .hz-card.is-on{background:color-mix(in oklab,var(--accent) 10%,color-mix(in oklab,var(--surface-card,var(--card)) 85%,transparent));border-color:color-mix(in oklab,var(--accent) 44%,var(--surface));box-shadow:0 0 0 2px color-mix(in oklab,var(--accent) 12%,transparent),0 5px 12px color-mix(in oklab,var(--foreground) 8%,transparent),inset 0 1px 0 var(--surface)}.hz-order-step .hz-order-icon{background:color-mix(in oklab,var(--accent) 11%,transparent);width:44px;height:44px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.hz-order-step .hz-order-icon svg{stroke-width:1.7px;width:25px;height:25px}.hz-order-step .hz-order-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.hz-order-step .hz-order-copy strong{color:var(--card-foreground);font-size:16px;font-weight:700;line-height:1.25}.hz-order-step .hz-order-copy>span{color:var(--card-foreground);opacity:.72;font-size:12px;line-height:1.4}.hz-order-step .hz-order-check{border:1.5px solid color-mix(in oklab,var(--accent) 48%,var(--surface));border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.hz-order-step .is-on .hz-order-check{background:var(--accent);border-color:var(--accent);color:var(--accent-foreground)}.hz-order-step .hz-order-check svg{width:14px;height:14px}.hz-order-step .hz-nav{margin-top:26px;padding:0 4px}.hz-order-step .hz-nav>button:first-child{background:color-mix(in oklab,var(--surface-card,var(--card)) 60%,transparent);border:1px solid var(--surface);height:40px;color:var(--foreground);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 3px 7px color-mix(in oklab,var(--foreground) 9%,transparent);border-radius:22px;padding:0 17px;font-size:14px;font-weight:600}.hz-order-step .hz-primary{min-width:116px;font-size:16px}.hz-time{flex-direction:row;justify-content:center}.hz-time strong{font-size:16px}.hz-time-step{padding-bottom:calc(var(--bottom-nav-height,90px) + env(safe-area-inset-bottom) + 20px)}.hz-time-step>div{padding-left:16px;padding-right:16px}.hz-time-step .hz-steps{margin-bottom:20px}.hz-time-step .hz-step-dot{-webkit-mask-image:linear-gradient(to right,var(--foreground) 65%,transparent);mask-image:linear-gradient(to right,var(--foreground) 65%,transparent)}.hz-time-step .hz-known-heading{margin-bottom:28px;padding:18px 10px}.hz-time-step .hz-title{text-align:center;font-family:var(--font-display);color:var(--card-foreground);margin:0 0 9px;font-size:24px;font-weight:700;line-height:1.2}.hz-time-step .hz-sub{text-align:center;color:var(--card-foreground);margin:0;font-size:12px;line-height:1.5}.hz-time-step .hz-cards{gap:9px}.hz-time-step .hz-time{border:1px solid color-mix(in oklab,var(--surface) 90%,transparent);background:color-mix(in oklab,var(--surface-card,var(--card)) 74%,transparent);-webkit-backdrop-filter:blur(16px)saturate(115%);backdrop-filter:blur(16px)saturate(115%);min-height:60px;box-shadow:0 5px 12px color-mix(in oklab,var(--foreground) 9%,transparent),inset 0 1px 0 var(--surface);color:var(--card-foreground);border-radius:25px;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 26px;transition:background .2s,border-color .2s;position:relative}.hz-time-step .hz-time:hover{background:color-mix(in oklab,var(--surface-card,var(--card)) 85%,transparent);color:var(--card-foreground)}.hz-time-step .hz-time.is-on{border-color:color-mix(in oklab,var(--accent) 75%,var(--surface));background:color-mix(in oklab,var(--accent) 10%,color-mix(in oklab,var(--surface-card,var(--card)) 88%,transparent));box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 24%,transparent),0 5px 12px color-mix(in oklab,var(--foreground) 9%,transparent)}.hz-time-step .hz-time-copy{flex-direction:column;gap:7px;width:100%;min-width:0;display:flex}.hz-time-step .hz-time strong{color:var(--card-foreground);font-size:20px;font-weight:700;line-height:1.2}.hz-time-step .hz-time-track{width:var(--time-track-width,100%);background:color-mix(in oklab,var(--card-foreground) 14%,transparent);height:5px;-webkit-mask-image:linear-gradient(to right,var(--foreground) 88%,transparent);mask-image:linear-gradient(to right,var(--foreground) 88%,transparent);border-radius:999px;display:block}.hz-time-step .hz-time-fill{width:var(--time-fill-width,100%);border-radius:inherit;background:linear-gradient(to right,color-mix(in oklab,var(--accent) 50%,var(--surface)),var(--accent) 82%,color-mix(in oklab,var(--accent) 55%,transparent));height:100%;display:block}.hz-time[data-minutes="20"]{--time-track-width:46%;--time-fill-width:27%}.hz-time[data-minutes="30"]{--time-track-width:55%;--time-fill-width:39%}.hz-time[data-minutes="45"]{--time-track-width:68%;--time-fill-width:54%}.hz-time[data-minutes="60"]{--time-track-width:77%;--time-fill-width:64%}.hz-time[data-minutes="90"]{--time-track-width:89%;--time-fill-width:73%}.hz-time[data-minutes="120"],.hz-time[data-minutes="180"]{--time-track-width:100%;--time-fill-width:100%}.hz-pace-step{padding-bottom:calc(var(--bottom-nav-height,90px) + env(safe-area-inset-bottom) + 20px)}.hz-pace-step .hz-title{text-align:center;font-family:var(--font-display);color:var(--card-foreground);margin:0}.hz-pace-step .hz-surah-tabs{margin-bottom:16px}.hz-pace-step .hz-card{background:color-mix(in oklab,var(--surface-card,var(--card)) 80%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hz-pace-step .hz-card strong,.hz-pace-step .hz-card span{color:var(--card-foreground)}.hz-custom-pace{color:var(--card-foreground);flex-direction:column;gap:10px;margin-top:20px;display:flex}.hz-custom-pace label{font-size:15px;font-weight:700}.hz-custom-pace p{margin:0;font-size:13px;line-height:1.5}.hz-custom-pace input{border:1px solid var(--border);background:var(--surface-card,var(--card));min-width:0;max-width:100%;color:var(--card-foreground);border-radius:12px;padding:10px 12px}.hz-pace-stepper{align-items:center;gap:10px;display:flex}.hz-pace-stepper input{text-align:center;width:90px}.hz-budget-warning{color:var(--card-foreground);margin-top:20px;font-size:13px;line-height:1.6}.hz-budget-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.hz-budget-actions>button{background:var(--surface-card,var(--card));color:var(--card-foreground);border-radius:16px}.hz-budget-actions>button[aria-pressed=true]{border-color:var(--accent)}.hz-time-step .hz-time-check{background:var(--accent);width:23px;height:23px;color:var(--accent-foreground);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.hz-time-step .hz-time-check svg{width:16px;height:16px}.hz-time-step .hz-time{padding-right:40px}.hz-time-step .hz-time-estimate{color:var(--card-foreground);opacity:.8;font-size:10px;line-height:1.4}.hz-time-summary{border:1px solid color-mix(in oklab,var(--surface) 90%,transparent);background:color-mix(in oklab,var(--surface-card,var(--card)) 60%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 3px 8px color-mix(in oklab,var(--card-foreground) 5%,transparent),inset 0 1px 0 var(--surface);color:var(--card-foreground);text-align:center;border-radius:24px;flex-direction:column;gap:6px;margin-top:22px;padding:14px 18px 12px;display:flex}.hz-time-summary-heading{grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.hz-time-summary-heading>div{text-align:center;min-width:0}.hz-time-summary-heading span{font-family:var(--font-display);font-size:16px;font-weight:600;line-height:1.3;display:block}.hz-time-summary strong{font-family:var(--font-display);overflow-wrap:anywhere;font-size:24px;font-weight:700;line-height:1.3;display:block}.hz-time-summary-duration{margin-top:4px;font-size:12px;font-weight:600;line-height:1.4}.hz-time-summary small{opacity:.75;font-size:10px;line-height:1.4}.hz-time-summary .hz-finish-warning{opacity:1;margin-top:6px}.hz-goal-summary{color:var(--card-foreground);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.hz-goal-card{border:1px solid var(--surface);background:color-mix(in oklab,var(--surface-card,var(--card)) 65%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:146px;box-shadow:var(--card-shadow),inset 0 1px 0 var(--surface);border-radius:22px;flex-direction:column;justify-content:space-between;gap:18px;padding:14px 12px;display:flex}.hz-goal-card header{align-items:flex-start;gap:10px;display:flex}.hz-goal-card header>div{min-width:0}.hz-goal-icon{background:color-mix(in oklab,var(--accent) 8%,var(--surface));width:32px;height:36px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.hz-goal-icon svg{stroke-width:1.6px;width:21px;height:21px}.hz-goal-card header>div>span{font-family:var(--font-display);font-size:15px;line-height:1.3;display:block}.hz-goal-card strong{font-family:var(--font-display);margin-top:3px;font-size:20px;font-weight:600;line-height:1.3;display:block}.hz-goal-card small{opacity:.7;margin-top:4px;font-size:10px;display:block}.hz-goal-date{opacity:.7;align-items:center;gap:9px;font-size:10px;line-height:1.5;display:flex}.hz-goal-date svg{stroke-width:1.6px;flex:none;width:18px;height:18px}.hz-customize-row{border:1px solid var(--surface);background:color-mix(in oklab,var(--surface-card,var(--card)) 65%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:100%;height:48px;box-shadow:var(--card-shadow);color:var(--card-foreground);border-radius:24px;justify-content:flex-start;gap:14px;margin-top:16px;padding:0 20px;font-size:14px;font-weight:600;display:flex}.hz-customize-row>svg{color:var(--accent);width:20px;height:20px}.hz-customize-row>svg:last-child{width:17px;height:17px;margin-left:auto}.hz-customize-link{color:var(--card-foreground);gap:9px;margin:4px auto 0;font-size:12px;font-weight:600;display:flex}.hz-customize-link>svg{opacity:.7;width:16px;height:16px}.hz-customize-sheet.hz-setup{height:92dvh;min-height:0;max-height:calc(100dvh - env(safe-area-inset-top) - 16px);padding:10px 20px calc(env(safe-area-inset-bottom) + 16px);background:linear-gradient(135deg,color-mix(in oklab,var(--surface) 38%,transparent),transparent 65%),var(--surface-card,var(--card));z-index:220;color:var(--card-foreground);border-radius:28px 28px 0 0;flex-direction:column;gap:0;display:flex;overflow:hidden}.hz-customize-header{text-align:center;flex:none;padding-bottom:18px}.hz-sheet-handle{background:color-mix(in oklab,var(--card-foreground) 25%,transparent);border-radius:999px;width:38px;height:4px;margin:0 auto 15px}.hz-customize-icon{stroke-width:1.5px;width:22px;height:22px;margin:0 auto 8px}.hz-customize-header h2{font-family:var(--font-display);color:var(--card-foreground);font-size:24px;font-weight:600;line-height:1.2}.hz-customize-header p{margin:9px 0 0;font-size:11px;line-height:1.5}.hz-customize-sheet .hz-surah-tabs{background:0 0;border:none;flex:none;gap:4px;margin-bottom:18px;padding:0}.hz-customize-sheet .hz-surah-tabs>button{background:color-mix(in oklab,var(--surface) 55%,transparent);height:36px;box-shadow:0 3px 8px color-mix(in oklab,var(--foreground) 7%,transparent);border-radius:22px;font-size:11px}.hz-customize-sheet .hz-surah-tabs>button[aria-pressed=true]{background:linear-gradient(155deg,color-mix(in oklab,var(--accent) 70%,var(--surface)),var(--accent));color:var(--accent-foreground)}.hz-customize-body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:1px 2px 8px;overflow-y:auto}.hz-customize-body .hz-cards{gap:9px}.hz-customize-body .hz-card{border-color:color-mix(in oklab,var(--surface) 90%,transparent);background:color-mix(in oklab,var(--surface) 35%,transparent);width:100%;box-shadow:0 3px 8px color-mix(in oklab,var(--foreground) 5%,transparent);border-radius:20px;flex:none;gap:6px;padding:13px 16px;position:relative}.hz-customize-body .hz-card.is-on{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 20%,transparent);background:color-mix(in oklab,var(--accent) 8%,var(--surface-card,var(--card)))}.hz-customize-body .hz-card strong{padding-right:24px;font-size:15px}.hz-customize-body .hz-card>span{font-size:11px}.hz-customize-body .hz-pace-meta{flex-wrap:wrap;gap:8px 20px;width:100%;margin-top:3px;display:flex}.hz-pace-meta>span{align-items:center;gap:7px;font-size:10px;display:flex}.hz-pace-meta svg{stroke-width:1.6px;flex:none;width:14px;height:14px}.hz-customize-body .hz-pace-selected{background:var(--accent);width:22px;height:22px;color:var(--accent-foreground);border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:14px}.hz-pace-selected svg{width:14px;height:14px}.hz-customize-body .hz-custom-pace{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.hz-customize-body .hz-custom-pace label{color:var(--accent);font-size:14px}.hz-customize-body .hz-pace-stepper{gap:8px}.hz-customize-body .hz-pace-stepper>button{background:color-mix(in oklab,var(--surface) 42%,transparent);width:40px;height:38px;color:var(--card-foreground);border-color:var(--border);border-radius:16px}.hz-customize-body .hz-pace-stepper>input{width:80px;height:38px;padding:5px}.hz-customize-body .hz-pace-stepper>span{font-size:12px}.hz-customize-body .hz-custom-pace>strong,.hz-customize-body .hz-custom-pace>p{font-size:11px}.hz-customize-footer{flex:none;padding-top:16px}.hz-customize-sheet .hz-customize-footer>.hz-primary{border-radius:24px;width:200px;max-width:100%;height:44px;margin:0 auto;display:flex}.hz-time-step .hz-nav{margin-top:24px;padding-left:4px;padding-right:4px}.hz-time-step .hz-nav>button:first-child{background:color-mix(in oklab,var(--surface-card,var(--card)) 60%,transparent);border:1px solid var(--surface);height:40px;color:var(--foreground);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 3px 7px color-mix(in oklab,var(--foreground) 9%,transparent);border-radius:22px;padding:0 17px;font-size:14px;font-weight:600}@media(prefers-reduced-motion:reduce){.hz-time-step .hz-time{transition:none}}.hz-warning{color:var(--destructive,#b4453a);margin-top:6px;font-size:12px}.hz-wide{width:100%;color:var(--foreground);border-radius:14px;margin-top:10px}.hz-nav{padding-bottom:calc(env(safe-area-inset-bottom) + 12px);justify-content:space-between;align-items:center;margin-top:18px;display:flex}.hz-setup .hz-primary{background:linear-gradient(165deg,color-mix(in oklab,var(--surface) 18%,transparent),transparent 48%),linear-gradient(135deg,var(--accent) 0%,color-mix(in oklab,var(--accent) 82%,var(--preset-ink-strong,var(--card-foreground))) 48%,var(--preset-ink-strong,var(--card-foreground)) 100%);color:var(--surface-deep-fg,var(--accent-foreground));border:1px solid color-mix(in oklab,var(--surface) 26%,var(--accent));box-shadow:0 7px 18px color-mix(in oklab,var(--accent) 22%,transparent),inset 0 2px 1px color-mix(in oklab,var(--surface) 28%,transparent),inset 0 -1px 1px color-mix(in oklab,var(--preset-ink-strong,var(--card-foreground)) 25%,transparent);border-radius:16px;gap:10px;height:44px;padding:0 22px;font-weight:600;transition:filter .2s,transform .2s}.hz-setup .hz-primary:hover{filter:brightness(1.06)}.hz-setup .hz-primary:active{filter:brightness(.96);transform:translateY(1px)}.hz-setup .hz-primary:disabled{background:var(--muted);color:var(--text-muted,var(--muted-foreground));border-color:var(--border);box-shadow:none;opacity:.65}.hz-summary{flex-direction:column;gap:10px;display:flex}.hz-big-finish{color:var(--foreground);margin:0;font-size:17px}.hz-milestones{flex-wrap:wrap;gap:6px;display:flex}.hz-milestone{border:1px solid var(--border);color:var(--muted-foreground);border-radius:999px;padding:3px 9px;font-size:11px}.hz-chart{border:1px solid var(--border);background:var(--surface,var(--card));border-radius:14px;width:100%;height:auto}.hz-chart-line{stroke:var(--accent);stroke-width:2px}.hz-chart-budget{stroke:var(--muted-foreground);stroke-dasharray:4 3;stroke-width:1px}.hz-chart-label{fill:var(--muted-foreground);font-size:9px}.hz-advanced{border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;padding:12px;display:flex}.hz-field{border:0;margin:0;padding:0}.hz-field legend{color:var(--foreground);margin-bottom:6px;font-size:12px;font-weight:700}.hz-days{flex-wrap:wrap;gap:6px;display:flex}.hz-day{border:1px solid var(--border);height:34px;color:var(--foreground);border-radius:10px;padding:0 10px;font-size:12px}.hz-day.is-on{background:var(--accent);color:var(--accent-foreground,var(--card));border-color:var(--accent)}.hz-toggle{color:var(--foreground);align-items:center;gap:8px;font-size:13px;display:flex}.hz-summary-step{padding-bottom:calc(var(--bottom-nav-height,90px) + env(safe-area-inset-bottom) + 24px);color:var(--card-foreground)}.hz-summary-step>div{padding-left:16px;padding-right:16px}.hz-summary-step .hz-steps{margin-bottom:20px}.hz-summary-step .hz-known-heading{text-align:center;margin-bottom:20px;padding:11px 14px}.hz-summary-step .hz-title{font-family:var(--font-display);color:var(--card-foreground);margin:0 0 4px;font-size:26px;font-weight:700;line-height:1.2}.hz-summary-step .hz-big-finish{color:var(--card-foreground);font-size:15px;line-height:1.5}.hz-summary-step .hz-big-finish strong{font-weight:800}.hz-summary-step .hz-summary{gap:18px}.hz-plan-overview{border:1px solid var(--surface);background:color-mix(in oklab,var(--surface-card,var(--card)) 76%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--card-shadow);border-radius:20px;align-items:center;gap:10px;padding:16px 12px;display:flex}.hz-plan-book{background:color-mix(in oklab,var(--accent) 8%,transparent);width:38px;height:38px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.hz-plan-book svg{stroke-width:1.6px;width:24px;height:24px}.hz-plan-goal{flex:1;min-width:0}.hz-plan-goal strong{font-size:14px;line-height:1.4;display:block}.hz-plan-goal small{opacity:.72;margin-top:3px;font-size:11px;display:block}.hz-plan-dates{border-left:1px solid var(--border);flex:none;align-items:center;gap:8px;padding-left:10px;font-size:11px;line-height:1.6;display:flex}.hz-plan-dates svg{width:20px;height:20px;color:var(--accent);stroke-width:1.6px}.hz-summary-step .hz-milestones{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 6px;display:grid}.hz-summary-step .hz-milestone{text-align:center;min-height:36px;color:var(--card-foreground);border:1px solid var(--surface);background:color-mix(in oklab,var(--surface-card,var(--card)) 65%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--card-shadow);justify-content:center;align-items:center;padding:7px 4px;font-size:10px;font-weight:600;line-height:1.4;display:flex}.hz-summary-step .hz-milestone.is-first{background:linear-gradient(140deg,color-mix(in oklab,var(--accent) 68%,var(--surface)),var(--accent));color:var(--accent-foreground);border-color:color-mix(in oklab,var(--surface) 40%,var(--accent))}.hz-plan-time{background:color-mix(in oklab,var(--surface-card,var(--card)) 70%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--card-shadow);border-radius:22px;padding:16px 14px 12px}.hz-plan-time>header{align-items:center;gap:9px;display:flex}.hz-plan-time>header>svg{width:23px;height:23px;color:var(--accent);flex:none}.hz-plan-time>header>div{flex:1;min-width:0}.hz-plan-time h2{margin:0;font-size:15px;font-weight:700;line-height:1.3}.hz-plan-time p{opacity:.65;margin:3px 0 0;font-size:11px}.hz-plan-budget{color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,var(--surface));border-radius:999px;flex:none;padding:6px 8px;font-size:9px;font-weight:700}.hz-plan-chart{margin-top:16px}.hz-plan-chart .hz-chart{background:0 0;border:0;border-radius:0;display:block}.hz-plan-chart .hz-chart-line{stroke-width:1.7px}.hz-plan-chart .hz-chart-budget{opacity:.6;stroke:var(--accent);stroke-dasharray:5 4}.hz-chart-stop-top{stop-color:var(--accent);stop-opacity:.28}.hz-chart-stop-bottom{stop-color:var(--accent);stop-opacity:.02}.hz-chart-start{fill:var(--accent)}.hz-plan-chart-labels{color:var(--card-foreground);opacity:.75;justify-content:space-between;font-size:10px;display:flex}.hz-summary-step .hz-plan-advanced{border:1px solid var(--surface);background:color-mix(in oklab,var(--surface-card,var(--card)) 65%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:46px;box-shadow:var(--card-shadow);color:var(--card-foreground);border-radius:24px;justify-content:flex-start;gap:12px;margin:0;padding:0 17px;font-size:14px;font-weight:600;display:flex}.hz-plan-advanced>svg{color:var(--accent);width:19px;height:19px}.hz-plan-advanced>svg:last-child{margin-left:auto;transition:transform .2s}.hz-summary-step .hz-nav{gap:12px;margin-top:24px}.hz-summary-step .hz-nav>button:first-child{border-color:var(--surface);background:color-mix(in oklab,var(--surface-card,var(--card)) 60%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:42px;color:var(--card-foreground);box-shadow:var(--card-shadow);border-radius:24px;padding:0 17px}.hz-summary-step .hz-nav>.hz-primary{border-radius:22px;padding:0 22px;font-size:14px}.hz-summary-step .hz-warning{color:var(--card-foreground);margin:0;font-size:11px;line-height:1.5}.hz-see-juz{color:var(--card-foreground);gap:5px;margin:-10px auto -6px;font-size:11px}.hz-see-juz svg{width:14px;height:14px}.hz-plan-popup.hz-setup{min-height:0;max-height:calc(90dvh - env(safe-area-inset-top));padding:10px 18px calc(20px + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--surface-card,var(--card)) 95%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:var(--card-foreground);z-index:220;border-radius:26px 26px 0 0;flex-direction:column;gap:18px;display:flex}.hz-plan-popup-heading{text-align:center;flex:none}.hz-plan-popup-heading h2{font-family:var(--font-display);color:var(--card-foreground);margin:7px 0 0;font-size:23px;font-weight:600}.hz-plan-popup-heading p{opacity:.72;margin:5px 0 0;font-size:11px}.hz-popup-icon{width:40px;height:40px;color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,var(--surface));border-radius:12px;place-items:center;margin:0 auto;display:grid}.hz-popup-icon svg{width:23px;height:23px}.hz-popup-fields{flex-direction:column;gap:14px;min-height:0;display:flex;overflow-y:auto}.hz-popup-group{border:1px solid var(--surface);background:color-mix(in oklab,var(--surface) 48%,transparent);box-shadow:var(--card-shadow);border-radius:18px;padding:14px 12px}.hz-popup-group legend{color:var(--card-foreground);align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.hz-popup-group legend svg{width:19px;height:19px;color:var(--accent)}.hz-popup-group p{opacity:.7;margin:3px 0 12px 27px;font-size:10px}.hz-popup-group .hz-days{flex-wrap:nowrap;gap:5px}.hz-popup-group .hz-day{background:color-mix(in oklab,var(--surface) 50%,transparent);min-width:0;height:31px;color:var(--card-foreground);box-shadow:var(--card-shadow);border-radius:9px;flex:1;padding:0 5px;font-size:10px}.hz-popup-group .hz-day.is-on{background:linear-gradient(140deg,color-mix(in oklab,var(--accent) 65%,var(--surface)),var(--accent) 65%,color-mix(in oklab,var(--accent) 80%,var(--card-foreground)));color:var(--accent-foreground);border-color:color-mix(in oklab,var(--accent) 75%,var(--surface));box-shadow:0 3px 7px color-mix(in oklab,var(--accent) 18%,transparent),inset 0 1px color-mix(in oklab,var(--surface) 40%,transparent)}.hz-popup-group .hz-toggle{color:var(--card-foreground);margin-top:12px;font-size:11px}.hz-popup-group input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}.hz-popup-group:last-child .hz-days{max-width:185px}.hz-plan-popup footer{text-align:center;flex:none;padding-top:3px}.hz-plan-popup footer .hz-primary{border-radius:24px;min-width:160px;height:40px;font-size:13px}.hz-juz-completion-list{min-height:0;padding:0 6px;overflow-y:auto}.hz-juz-completion-list>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:12px 4px;font-size:13px;display:flex}.hz-juz-completion-list strong{font-size:12px;font-weight:600}.hz-popup-group .hz-day:not(.is-on){background:linear-gradient(160deg,var(--surface),color-mix(in oklab,var(--surface) 60%,var(--muted)))}.hz-popup-group .hz-toggle{cursor:pointer;min-height:32px}.hz-review-checkbox{border-color:var(--accent);border-radius:5px;width:22px;height:22px}.hz-review-checkbox[data-state=checked]{background:linear-gradient(140deg,color-mix(in oklab,var(--accent) 65%,var(--surface)),var(--accent));color:var(--accent-foreground)}.hz-setup .hz-popup-handle{touch-action:none;cursor:grab;width:100px;height:26px;color:var(--card-foreground);background:0 0;flex:none;justify-content:center;align-items:center;margin:-4px auto 8px;padding:0;display:flex}.hz-setup .hz-popup-handle:hover{background:0 0}.hz-popup-handle:active{cursor:grabbing}.hz-popup-handle>span{background:color-mix(in oklab,var(--card-foreground) 28%,transparent);border-radius:999px;width:38px;height:4px;display:block}.hz-home-card{border:1px solid var(--border);background:var(--surface,var(--card));box-shadow:var(--card-shadow,0 4px 16px #0000000f);color:var(--foreground);border-radius:22px;padding:16px}.hz-hero{background:var(--surface-deep-gradient,var(--surface-deep));color:var(--surface-deep-fg);border:none}.hz-hero .label-caps{color:var(--surface-deep-muted);opacity:1}.hz-hero-steps{flex-direction:column;gap:8px;margin:12px 0;display:flex}.hz-hero-step{align-items:center;gap:10px;font-size:13px;display:flex}.hz-hero-step .hz-ico{background:color-mix(in oklab,var(--surface-deep-fg) 12%,transparent);border-radius:10px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.hz-hero-step small{opacity:.65;font-size:11px;display:block}.hz-hero-total{border-top:1px solid var(--surface-deep-border);color:var(--surface-deep-muted);justify-content:space-between;align-items:center;padding-top:10px;font-size:12px;display:flex}.hz-start{background:var(--accent);width:100%;height:48px;color:var(--accent-foreground,var(--card));border-radius:16px;margin-top:12px;font-size:15px;font-weight:800}.hz-paused{background:color-mix(in oklab,var(--surface-deep-fg) 10%,transparent);border-radius:10px;margin-top:10px;padding:8px 10px;font-size:12px}.hz-stat-row{justify-content:space-between;gap:8px;margin-top:8px;display:flex}.hz-stat{text-align:center;flex:1}.hz-stat b{font-size:18px;display:block}.hz-stat span{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.hz-forecast{align-items:flex-end;gap:5px;height:44px;margin-top:10px;display:flex}.hz-forecast-bar{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.hz-forecast-bar i{background:var(--accent);border-radius:4px;width:100%;min-height:3px;display:block}.hz-forecast-bar span{color:var(--muted-foreground);font-size:9px}.hz-map{grid-template-columns:repeat(6,1fr);gap:7px;margin-top:10px;display:grid}.hz-map-tile{border:1px solid var(--border);background:var(--surface,var(--card));height:40px;color:var(--foreground);border-radius:10px;font-size:11px;font-weight:700;position:relative;overflow:hidden}.hz-map-tile i{background:var(--accent);display:block;position:absolute;inset:0}.hz-map-tile em{font-style:normal;position:relative}.hz-row-btn{text-align:left;border:1px solid var(--border);background:var(--surface,var(--card));width:100%;color:var(--foreground);white-space:normal;border-radius:16px;align-items:center;gap:10px;height:auto;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.hz-row-btn small{color:var(--muted-foreground);font-size:11px;font-weight:400;display:block}.hz-home-header{z-index:20;position:absolute;inset:0 0 auto}.hz-home-header .header-icon-button{top:50px!important}.hz-home{padding-bottom:20px}.hz-home-content{width:100%;max-width:440px;padding:calc(env(safe-area-inset-top,0px) + 86px) 12px 16px;flex-direction:column;gap:18px;margin:0 auto;display:flex}.hz-home-heading{text-align:center;background:color-mix(in oklab,var(--surface-card,var(--card)) 28%,transparent);-webkit-backdrop-filter:blur(8px)saturate(110%);backdrop-filter:blur(8px)saturate(110%);border:1px solid color-mix(in oklab,var(--surface) 30%,transparent);box-shadow:inset 0 1px color-mix(in oklab,var(--surface) 25%,transparent);color:var(--title,var(--foreground));border-radius:24px;margin:0 8px;padding:8px 14px}.hz-home-heading .app-page-title{font-size:32px;line-height:1.1}.hz-home-heading p{color:var(--card-foreground);margin:12px 0 0;font-size:12px;line-height:1.5}.hz-home .hz-home-card{border:1px solid color-mix(in oklab,var(--surface) 60%,transparent);background:color-mix(in oklab,var(--surface-card,var(--card)) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--card-shadow);color:var(--card-foreground);border-radius:28px;padding:20px}.hz-home .hz-hero{background:linear-gradient(145deg,color-mix(in oklab,var(--accent) 75%,var(--surface-deep)),color-mix(in oklab,var(--accent) 45%,var(--surface-deep)) 90%);color:var(--surface-deep-fg);box-shadow:0 7px 16px color-mix(in oklab,var(--surface-deep) 20%,transparent),inset 0 1px color-mix(in oklab,var(--surface-deep-fg) 9%,transparent);border:0;padding:21px}.hz-today-heading{align-items:center;gap:12px;display:flex}.hz-today-heading>svg{stroke-width:1.7px;flex:none;width:22px;height:22px}.hz-today-heading h2{flex:1;min-width:0;font-size:19px;font-weight:600;line-height:1.3}.hz-task-count{background:color-mix(in oklab,var(--surface-deep-fg) 17%,transparent);white-space:nowrap;box-shadow:var(--card-shadow);border-radius:999px;padding:7px 11px;font-size:12px}.hz-home .hz-hero-steps{gap:0;margin:17px 0 15px}.hz-home .hz-hero-step{gap:16px;min-height:59px;font-size:15px;line-height:1.35;position:relative}.hz-home .hz-hero-step+.hz-hero-step:before{content:"";background:color-mix(in oklab,var(--surface-deep-fg) 8%,transparent);height:1px;position:absolute;top:0;left:58px;right:0}.hz-home .hz-hero-step .hz-ico{border-radius:50%;width:42px;height:42px}.hz-ico svg{stroke-width:1.6px;width:22px;height:22px}.hz-step-copy{flex:1;min-width:0;font-weight:500}.hz-home .hz-hero-step small{opacity:.76;margin-top:3px;font-size:14px;font-weight:400}.hz-step-minutes{opacity:.8;flex:none;font-size:14px}.hz-home .hz-start{background:linear-gradient(165deg,var(--surface-deep-fg),color-mix(in oklab,var(--surface-deep-fg) 85%,var(--accent)));height:48px;color:var(--card-foreground);box-shadow:inset 0 1px 0 var(--surface-deep-fg),0 2px 5px color-mix(in oklab,var(--surface-deep) 10%,transparent);border-radius:999px;margin-top:0;font-size:16px;font-weight:600}.hz-home .hz-start svg{color:var(--surface-deep-accent-fg,var(--accent));stroke-width:2px}.hz-card-heading{align-items:center;gap:12px;margin:0;font-size:17px;font-weight:700;line-height:1.3;display:flex}.hz-card-heading svg{width:23px;height:23px;color:var(--accent);stroke-width:1.8px;flex:none}.hz-home .hz-stat-row{gap:0;margin:21px 0 14px}.hz-home .hz-stat+.hz-stat{border-left:1px solid color-mix(in oklab,var(--accent) 12%,transparent)}.hz-home .hz-stat b{color:var(--title);white-space:nowrap;font-size:20px;line-height:1.4}.hz-progress-card .hz-card-heading{color:var(--card-foreground);font-size:19px}.hz-home .hz-progress-card .hz-stat b{color:var(--card-foreground);font-size:22px}.hz-home .hz-progress-card .hz-stat span{font-size:12px}.hz-progress-card .hz-next-milestone{color:var(--card-foreground);font-size:13px}.hz-home .hz-stat span{letter-spacing:0;color:var(--text-muted,var(--muted-foreground));margin-top:4px;font-size:10px;display:block}.hz-next-milestone{border-top:1px solid color-mix(in oklab,var(--accent) 12%,transparent);align-items:center;gap:11px;margin:0;padding-top:14px;font-size:12px;line-height:1.4;display:flex}.hz-next-milestone svg{width:19px;height:19px;color:var(--accent);flex:none}.hz-map-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.hz-map-label{border:1px solid var(--border);color:var(--title);box-shadow:var(--card-shadow);border-radius:999px;padding:7px 15px;font-size:12px}.hz-home .hz-map{gap:7px;margin-top:17px}.hz-home .hz-map-tile{background:color-mix(in oklab,var(--background) 55%,var(--surface));border-color:color-mix(in oklab,var(--surface) 70%,transparent);height:43px;color:var(--title);border-radius:14px;padding:0;font-size:14px}.hz-home .hz-map-tile.is-started{border-color:var(--accent)}.hz-juz-progress-count{color:var(--card-foreground);margin:8px 0 12px;font-size:14px}.hz-home .hz-map-tile.is-complete{background:linear-gradient(140deg,var(--accent),var(--title));color:var(--surface-deep-fg);box-shadow:var(--card-shadow)}.hz-streak-heading{align-items:flex-start;gap:11px;display:flex}.hz-streak-heading>svg{width:23px;height:23px;color:var(--accent);flex:none}.hz-streak-heading>div{flex:1;min-width:0}.hz-streak-heading h2{font-size:17px;font-weight:700;line-height:1.3}.hz-streak-heading p{margin:4px 0 0;font-size:12px}.hz-streak-heading>span{background:color-mix(in oklab,var(--accent) 12%,var(--surface));color:var(--title);white-space:nowrap;border-radius:999px;padding:7px 13px;font-size:14px;font-weight:600}.hz-study-week{border-top:1px solid color-mix(in oklab,var(--accent) 12%,transparent);grid-template-columns:repeat(7,minmax(0,1fr));margin-top:14px;padding-top:13px;display:grid}.hz-study-week>div{flex-direction:column;align-items:center;gap:12px;font-size:12px;display:flex}.hz-study-week i{border:1.5px solid color-mix(in oklab,var(--accent) 30%,var(--surface));border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.hz-study-week i.is-done{background:var(--accent);color:var(--accent-foreground);border-color:var(--accent)}.hz-study-week i svg{width:13px;height:13px}.hz-home-forecast{color:var(--text-muted,var(--muted-foreground));margin-top:15px;font-size:11px}.hz-home-forecast summary{cursor:pointer}.hz-home .hz-row-btn{background:color-mix(in oklab,var(--surface-card,var(--card)) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:74px;box-shadow:var(--card-shadow);color:var(--card-foreground);border-radius:25px;gap:14px;padding:16px 20px;font-size:14px}.hz-home .hz-row-btn>svg:first-child{width:42px;height:42px;color:var(--accent);background:color-mix(in oklab,var(--accent) 6%,var(--surface));border-radius:50%;flex:none;padding:10px}.hz-home .hz-row-btn>span{flex:1;min-width:0}.hz-home .hz-row-btn small{color:var(--card-foreground);opacity:.8;margin-top:4px;font-size:12px}.hz-home .hz-row-btn>svg:last-child{color:var(--title);flex:none}.hz-home .hz-row-btn{background:color-mix(in oklab,var(--surface-card,var(--card)) 93%,transparent);border-radius:26px;gap:14px;min-height:80px;padding:15px 18px;font-size:16px}.hz-home .hz-row-btn small{margin-top:4px;font-size:13px}.hz-home .hz-row-btn>svg:first-child{width:48px;height:48px;padding:12px}.hz-home-popup.hz-setup{width:calc(100% - 28px);max-width:440px;min-height:0;max-height:calc(88dvh - env(safe-area-inset-top));z-index:220;background:color-mix(in oklab,var(--surface-card,var(--card)) 96%,transparent);color:var(--card-foreground);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--card-shadow);border-radius:28px;flex-direction:column;gap:14px;padding:14px 18px 22px;display:flex}body:has(.hz-home-popup) [data-slot=dialog-overlay]{z-index:210;background:color-mix(in oklab,var(--foreground) 38%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body:has(.hz-home-popup) [data-state=open][class*="bg-black/80"]{z-index:210;background:color-mix(in oklab,var(--foreground) 38%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hz-home-popup>button:last-child:not(.hz-popup-done){display:none}.hz-home-popup-heading{text-align:center;flex:none}.hz-home-popup-heading>svg{width:27px;height:27px;color:var(--accent);margin:0 auto 10px}.hz-home-popup-heading h2{font-family:var(--font-display);color:var(--card-foreground);font-size:25px;line-height:1.25}.hz-home-popup-heading p{margin:8px 0 0;font-size:13px;line-height:1.5}.hz-named-pages{overscroll-behavior:contain;flex-direction:column;gap:8px;min-height:0;padding:1px;display:flex;overflow-y:auto}.hz-named-page{border:1px solid var(--border);background:color-mix(in oklab,var(--accent) 4%,var(--surface-card,var(--card)));width:100%;height:auto;min-height:68px;color:var(--card-foreground);text-align:left;white-space:normal;border-radius:16px;flex:none;gap:12px;padding:12px;display:flex}.hz-named-page>svg{width:22px;height:22px;color:var(--accent);flex:none}.hz-named-page>span:first-of-type{flex:1;min-width:0}.hz-named-page strong{font-size:14px;font-weight:600;line-height:1.45;display:block}.hz-named-page small{opacity:.7;margin-top:4px;font-size:11px;display:block}.hz-named-page[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,var(--surface-card,var(--card)))}.hz-passage-check{border:1px solid var(--accent);width:22px;height:22px;color:var(--accent);border-radius:6px;flex:none;place-items:center;display:grid}.hz-passage-check svg{width:16px;height:16px}.hz-home-popup .hz-popup-done{border-radius:24px;flex:none;align-self:center;min-width:160px;margin-top:4px}.hz-home-popup .hz-reminder-row{border:1px solid var(--border);background:color-mix(in oklab,var(--accent) 4%,var(--surface-card,var(--card)));border-radius:18px;grid-template-columns:1fr auto;gap:14px 12px;padding:16px;display:grid}.hz-home-popup .hz-reminder-row>span{grid-area:1/1}.hz-home-popup .hz-reminder-row strong{font-size:16px;display:block}.hz-home-popup .hz-reminder-row small{opacity:.7;margin-top:4px;font-size:12px;display:block}.hz-home-popup .hz-reminder-row input{background:var(--surface);width:135px;color:var(--card-foreground);border-radius:12px;grid-area:2/1;padding:8px 12px;font-size:15px}.hz-home-popup .hz-reminder-row button{grid-area:1/2/3}.hz-home-popup .hz-reminder-row [role=switch]{border:2px solid color-mix(in oklab,var(--card-foreground) 55%,var(--surface));background:color-mix(in oklab,var(--card-foreground) 30%,var(--surface));width:48px;height:28px;box-shadow:inset 0 1px 3px color-mix(in oklab,var(--card-foreground) 12%,transparent);align-self:center;position:relative}.hz-home-popup .hz-reminder-row [role=switch][data-state=checked]{background:var(--accent);border-color:var(--accent)}.hz-home-popup .hz-reminder-row [role=switch]>span{background:var(--surface);width:22px;height:22px;box-shadow:0 1px 4px color-mix(in oklab,var(--card-foreground) 30%,transparent);transform:translate(1px)}.hz-home-popup .hz-reminder-row [role=switch][data-state=checked]>span{background:var(--accent-foreground);transform:translate(21px)}.hz-home-popup .hz-reminder-row [role=switch]:before{content:"";position:absolute;inset:-10px -2px}.hz-edit-plan>.hz-home-header{top:env(safe-area-inset-top,0px);pointer-events:none;position:fixed}.hz-edit-plan>.hz-home-header .header-icon-button{pointer-events:auto}.hz-sheet{z-index:60;background:var(--card);max-height:82dvh;color:var(--foreground);padding:18px 18px calc(env(safe-area-inset-bottom) + 18px);border-radius:24px 24px 0 0;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -12px 40px #00000040}.hz-sheet h2{margin:0 0 4px;font-size:18px;font-weight:800}.hz-sheet header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hz-backdrop{z-index:55;background:#0006;position:fixed;inset:0}.hz-page-list{grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px;display:grid}.hz-page-chip{border:1px solid var(--border);height:34px;color:var(--foreground);border-radius:9px;font-size:11px;position:relative;overflow:hidden}.hz-page-chip i{background:var(--accent);display:block;position:absolute;inset:0}.hz-page-chip em{font-style:normal;position:relative}.hz-reminder-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.hz-reminder-row:last-child{border-bottom:0}.hz-reminder-row input[type=time]{border:1px solid var(--border);background:var(--surface,var(--card));color:var(--foreground);border-radius:10px;padding:6px 8px;font-size:13px}.hz-phase-bar{top:calc(env(safe-area-inset-top) + 34px);z-index:45;background:color-mix(in oklab,var(--m-paper) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid color-mix(in oklab,var(--m-ink) 16%,transparent);color:var(--m-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:8px 14px;font-size:12px;font-weight:700;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000024}.hz-phase-bar small{opacity:.7;white-space:normal;font-weight:500}.hz-phase-bar:has(button+button){border-radius:16px;flex-wrap:wrap;justify-content:center}.hz-session-progress{top:calc(env(safe-area-inset-top) + 10px);z-index:45;letter-spacing:.08em;text-transform:uppercase;color:var(--m-muted,var(--m-ink));opacity:.75;white-space:nowrap;font-size:10px;position:fixed;left:50%;transform:translate(-50%)}.hz-try-first{bottom:calc(var(--rc-strip-height,92px) + 44px);z-index:45;background:color-mix(in oklab,var(--m-ink) 88%,transparent);color:var(--m-paper);border-radius:999px;padding:7px 16px;font-size:12px;font-weight:700;animation:.25s hz-pop;position:fixed;left:50%;transform:translate(-50%)}@keyframes hz-pop{0%{opacity:0;transform:translate(-50%)scale(.9)}}.hz-drill{flex-direction:column;gap:12px;display:flex}.hz-drill-words{font-family:var(--font-arabic);text-align:right;color:var(--foreground);direction:rtl;font-size:26px;line-height:2}.hz-drill-words .hz-hidden-word{opacity:.14}.hz-drill-words .hz-diff{color:var(--accent);font-weight:700}.hz-drill-actions{gap:10px;display:flex}.hz-drill-actions button{border-radius:14px;flex:1;height:44px;font-weight:700}.rc-word.rc-listening .rc-word-ink{color:var(--m-gold);transition:color .15s}:is(.app-shell:has(.hz-home.is-scrolled) .settings-button,.app-shell:has(.hz-home.is-scrolled) .hz-home-header){opacity:0;pointer-events:none}.app-shell:has(main.hz-setup) .bottom-nav{display:none}.hz-home .hp-salah,.hz-home .hp-home-nudge,.hz-home .hp-sleep-card{background:var(--surface-card,var(--card));color:var(--card-foreground);border:1px solid var(--border);box-shadow:var(--card-shadow);border-radius:24px;padding:20px}.hz-home .hp-note{color:var(--card-foreground)}.hz-home .hp-sleep-card>svg{color:var(--accent);flex:none}.hz-home .hp-sleep-card button{color:var(--card-foreground);padding:0}.hz-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hz-tools-grid .hz-tool{border:1px solid var(--border);background:var(--surface-card,var(--card));height:104px;color:var(--card-foreground);box-shadow:var(--card-shadow);white-space:normal;text-align:left;border-radius:20px;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;display:flex}.hz-tool svg{width:25px;height:25px;color:var(--accent)}.hz-tool span{font-size:15px;line-height:1.3}.hz-study-positives{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.hz-study-positives span{align-items:center;gap:5px;font-size:12px;display:flex}.hz-study-positives svg{width:16px;color:var(--accent)}.recite-page.rc-supplied{--rc-ai-error:var(--destructive);--rc-ai-highlight:color-mix(in oklab, var(--rc-ai-error) 20%, transparent);--rc-paper:var(--m-paper);--rc-ink:var(--m-ink);--rc-olive:var(--m-mark);--rc-gold:var(--m-gold);--rc-strip-ink:var(--m-strip-text);--rc-muted:color-mix(in oklab, var(--m-ink) 65%, var(--m-paper));--rc-line:color-mix(in oklab, var(--m-mark) 25%, transparent);--rc-shadow:0 8px 30px color-mix(in oklab, var(--m-ink) 12%, transparent);--background:var(--m-bg);--foreground:var(--m-ink);--card:var(--m-paper);--accent:var(--m-accent);--accent-foreground:var(--m-strip-text);--muted-foreground:var(--rc-muted);--border:var(--rc-line);--nav-bg:var(--m-paper);--nav-border:var(--rc-line);--nav-active:var(--m-mark);--nav-inactive:var(--m-ink)}.rc-supplied .rc-canvas{top:calc(env(safe-area-inset-top,0px) + 48px);bottom:calc(env(safe-area-inset-bottom,0px) + 30px + var(--rc-strip-height,92px) + 22px);grid-template-rows:var(--rc-label-height,24px) minmax(0,1fr);z-index:1;touch-action:none;width:calc(100% - 24px);display:grid}.rc-supplied .rc-art-frame,.rc-supplied .rc-art-frame>div{pointer-events:auto}.rc-supplied .rc-canvas img,.rc-supplied .rc-labels,.rc-supplied .rc-cartouche,.rc-supplied .rc-page-badge,.rc-supplied .rc-ayah-end{pointer-events:none}.rc-supplied .rc-header{z-index:5;background:color-mix(in oklab,var(--m-paper) 85%,transparent);transition:opacity .28s,transform .36s cubic-bezier(.22,1,.36,1);transform:translateY(-8px)}.rc-supplied.rc-controls-visible .rc-header{transform:translateY(0)}.rc-supplied .rc-header h1{pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.rc-supplied .rc-header button{border:1px solid color-mix(in oklab,var(--m-mark) 16%,transparent);background:color-mix(in oklab,var(--m-paper) 82%,transparent);width:36px;height:36px;color:var(--m-ink);box-shadow:0 2px 8px color-mix(in oklab,var(--m-ink) 5%,transparent);border-radius:50%;flex:0 0 36px;font-size:17px;font-weight:500;transition:background .18s,border-color .18s,transform .18s}.rc-supplied .rc-header button:hover{background:color-mix(in oklab,var(--m-mark) 10%,var(--m-paper));border-color:color-mix(in oklab,var(--m-mark) 30%,transparent)}.rc-supplied .rc-header button:active{transform:scale(.94)}.rc-supplied .rc-header button svg{stroke-width:1.75px;width:20px;height:20px}.rc-supplied .rc-header .rc-title{width:auto;max-width:calc(100% - 116px);box-shadow:none;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:14px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.rc-supplied .rc-header .rc-title:active{transform:translate(-50%)}.rc-supplied .rc-labels{flex:none;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.rc-supplied .rc-paper{background:var(--m-paper);padding:0}.rc-supplied .rc-art-frame{width:100%;height:100%}.rc-supplied .rc-mushaf{padding:12px 0}.rc-supplied .rc-paper{will-change:transform}.rc-supplied .rc-line{gap:0}.rc-supplied .rc-word{padding:0}.rc-supplied .rc-word-ink{opacity:1;color:var(--m-ink);padding:0}.rc-supplied .rc-bismillah{font-size:19px}.rc-supplied .rc-word-ink[class*=rc-qcf-tj-]:not(.rc-qcf-tj-none){text-decoration:underline;-webkit-text-decoration-color:var(--rc-word-tajweed);text-decoration-color:var(--rc-word-tajweed);text-underline-offset:5px;text-decoration-thickness:2px}.rc-supplied .rc-qcf-tj-necessary{--rc-word-tajweed:var(--tj-necessary)}.rc-supplied .rc-qcf-tj-obligatory{--rc-word-tajweed:var(--tj-obligatory)}.rc-supplied .rc-qcf-tj-permissible{--rc-word-tajweed:var(--tj-permissible)}.rc-supplied .rc-qcf-tj-normal{--rc-word-tajweed:var(--tj-normal)}.rc-supplied .rc-qcf-tj-ghunnah{--rc-word-tajweed:var(--tj-ghunnah)}.rc-supplied .rc-qcf-tj-qalqalah{--rc-word-tajweed:var(--tj-qalqalah)}.rc-supplied .rc-qcf-tj-silent{--rc-word-tajweed:var(--tj-silent)}.rc-supplied .rc-cartouche{align-items:center;min-height:0;display:grid}.rc-supplied .rc-cartouche>div{max-height:100%}.rc-supplied .rc-page-badge{align-items:center;height:24px;display:flex;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.rc-supplied .rc-ayah-end{font-family:var(--font-arabic);justify-content:center;align-items:center;display:inline-flex}.rc-supplied .rc-pending .rc-word-ink,.rc-supplied .rc-in_progress .rc-word-ink{opacity:.14}.rc-supplied.rc-hide-blank .rc-pending .rc-word-ink{opacity:0}.rc-supplied.rc-hide-mist .rc-pending .rc-word-ink{opacity:.14;filter:blur(4px)}.rc-supplied .rc-peek .rc-word-ink{opacity:1;filter:none}.rc-supplied.rc-night .rc-paper{filter:brightness(.78)}.rc-supplied .rc-dock{bottom:calc(env(safe-area-inset-bottom,0px) + 30px);padding:0 18px}.rc-supplied .rc-strip-wrap{opacity:1;width:100%;transition:opacity .2s}.rc-supplied.rc-controls-visible .rc-strip-wrap{opacity:0;pointer-events:none}.rc-supplied .rc-strip-wrap>button{display:block}.rc-supplied .rc-floating-mic{right:24px;bottom:calc(env(safe-area-inset-bottom,0px) + 104px);z-index:6;background:var(--m-strip-a);color:var(--m-strip-text);box-shadow:var(--rc-shadow);border-radius:24px;position:fixed}.rc-supplied .rc-nav-wrap{bottom:calc(env(safe-area-inset-bottom,0px) + 8px);z-index:5;width:100%;height:var(--bottom-nav-row);transition:opacity .28s,transform .42s cubic-bezier(.22,1,.36,1);position:absolute;overflow:visible;transform:translateY(18px)}.rc-supplied.rc-controls-visible .rc-nav-wrap{height:var(--bottom-nav-row);transform:translateY(0)}.rc-supplied .bottom-nav{width:calc(100% - 56px);color:var(--m-ink);background:0 0;margin:0 auto}.rc-supplied .bottom-nav-row{box-shadow:var(--rc-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;background:color-mix(in oklab,var(--m-paper) 90%,transparent)!important;border-color:var(--rc-line)!important}.rc-supplied .rc-pause-tools{animation:.36s cubic-bezier(.22,1,.36,1) both rc-controls-enter;position:absolute;bottom:calc(100% + 10px);left:18px;right:18px}@keyframes rc-controls-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rc-supplied .rc-loading{height:100%;min-height:0}.rc-supplied .rc-reflow{overflow:visible}.rc-supplied .rc-reflow .rc-art-frame>div{overflow-y:auto}.rc-supplied .rc-setting input[type=number]{border:1px solid var(--rc-line);background:var(--m-paper);width:100%;min-height:42px;color:var(--m-ink);border-radius:4px;padding:8px 12px}@media(prefers-reduced-motion:reduce){.rc-supplied .rc-header,.rc-supplied .rc-nav-wrap,.rc-supplied .rc-strip-wrap{transition:none}.rc-supplied .rc-page-select,.rc-supplied .rc-pause-tools{animation:none}}@media(max-height:650px){.rc-supplied .rc-canvas{top:calc(env(safe-area-inset-top,0px) + 44px)}.rc-supplied .rc-bismillah{font-size:16px}}.rc-supplied .rc-settings{border-radius:18px 18px 0 0;flex-direction:column;height:min(85dvh,780px);padding:0 22px;display:flex;overflow:hidden}.rc-supplied .rc-settings-handle{background:var(--rc-muted);opacity:.5;border-radius:2px;flex:none;width:36px;height:4px;margin:10px auto 18px}.rc-supplied .rc-settings-header{flex:none;gap:14px;margin:0 0 18px}.rc-supplied .rc-settings-header>svg{color:var(--m-gold);width:24px;height:24px}.rc-supplied .rc-settings-header h2{flex:1;margin:0;font-size:24px;font-weight:600}.rc-supplied .rc-settings-header button{background:color-mix(in oklab,var(--m-ink) 7%,var(--m-paper));border-radius:50%;width:30px;height:30px}.rc-supplied .rc-settings-header button svg{width:16px;height:16px}.rc-supplied .rc-settings-rule{background:color-mix(in oklab,var(--m-gold) 50%,transparent);flex:none;height:1px;margin:0 16px 10px;position:relative}.rc-supplied .rc-settings-rule span{background:var(--m-gold);outline:4px solid var(--m-paper);width:6px;height:6px;position:absolute;top:-3px;left:calc(50% - 3px);transform:rotate(45deg)}.rc-supplied .rc-settings-content{overscroll-behavior:contain;min-height:0;padding:0 0 calc(24px + env(safe-area-inset-bottom,0px));scrollbar-width:thin;overflow-y:auto}.rc-supplied .rc-settings .rc-setting{border-bottom:1px solid var(--rc-line);gap:8px;margin:0;padding:12px 0}.rc-supplied .rc-setting-label{align-items:center;gap:12px;font-family:Georgia,serif;font-size:14px;line-height:1.4;display:flex}.rc-supplied .rc-setting-label svg{width:18px;height:18px;color:var(--m-gold);stroke-width:1.6px;flex:none}.rc-supplied .rc-settings .rc-setting legend{float:left;width:100%;margin-bottom:0;padding-top:12px}.rc-supplied .rc-settings .rc-setting select{border-radius:7px;width:100%;min-height:38px;padding:7px 12px;font-family:Georgia,serif;font-size:14px}.rc-supplied .rc-settings .rc-choice{background:color-mix(in oklab,var(--m-ink) 3%,var(--m-paper));border-radius:8px;gap:2px;width:100%;padding:3px}.rc-supplied .rc-settings .rc-choice button{min-height:32px;color:var(--rc-muted);border-radius:7px;padding:5px 6px;font-family:Georgia,serif;font-size:13px;line-height:1.2;transition:background .18s,color .18s}.rc-supplied .rc-settings .rc-choice button.is-on{color:var(--m-strip-text);background:var(--m-mark)}.rc-supplied .rc-toggle-row{border-bottom:1px solid var(--rc-line);justify-content:space-between;align-items:center;gap:12px;min-height:43px;display:flex}.rc-supplied .rc-toggle-row [role=switch]{background:color-mix(in oklab,var(--m-ink) 20%,var(--m-paper))}.rc-supplied .rc-toggle-row [role=switch][data-state=checked]{background:var(--m-mark)}.rc-supplied .rc-toggle-row [role=switch]>span{background:var(--m-paper)}.rc-supplied .rc-guide-toggle{border-bottom:1px solid var(--rc-line);border-radius:0;justify-content:flex-start;width:100%;min-height:43px;padding:0}.rc-supplied .rc-guide-toggle .rc-setting-label{font-weight:600}.rc-supplied .rc-settings .rc-color-guide{padding:12px 0}.rc-supplied .rc-settings .rc-disclaimer{text-align:left;align-items:flex-start;gap:10px;margin-top:20px;font-size:10px;display:flex}.rc-supplied .rc-settings .rc-disclaimer svg{width:15px;height:15px;color:var(--m-gold);flex:none}.rc-supplied .rc-ai-wrong .rc-word-ink{background:var(--rc-ai-highlight);box-shadow:inset 0 -2px var(--rc-ai-error)}.rc-supplied .rc-ai-skipped .rc-word-ink{-webkit-text-decoration:underline dashed var(--rc-muted);text-decoration:underline dashed var(--rc-muted);text-underline-offset:5px;text-decoration-thickness:1px}.rc-supplied .rc-ai-dot{color:var(--rc-muted);opacity:.45;pointer-events:none;font-size:14px;position:absolute;bottom:0}.rc-supplied .rc-ai-repeat{font-family:var(--font-sans);color:var(--rc-muted);background:var(--m-paper);pointer-events:none;border-radius:4px;padding:0 3px;font-size:8px;line-height:12px;position:absolute;top:0;right:0}.rc-supplied .rc-ai-footer{text-align:center;color:var(--rc-muted);position:absolute;top:100%;left:18px;right:18px}.rc-supplied .rc-ai-footer p{margin:3px 0 0;font-size:9px;line-height:11px}.rc-supplied .rc-ai-footer select{max-width:100%;color:var(--m-ink);background:var(--m-paper);border:1px solid var(--rc-line);border-radius:4px;font-size:11px;position:absolute;bottom:106px;right:0}.rc-supplied .rc-ai-progress{width:100%;height:8px;accent-color:var(--m-mark)}.rc-supplied{--rc-hesitation:var(--period-amber)}.rc-supplied .rc-hesitated .rc-word-ink{-webkit-text-decoration:underline dotted var(--rc-hesitation);text-decoration:underline dotted var(--rc-hesitation);text-underline-offset:6px;text-decoration-thickness:2px}.rc-supplied .rc-mic-controls{grid-template-rows:76px 14px;grid-template-columns:44px 76px 44px;justify-content:center;align-items:center;gap:2px 20px;height:92px;display:grid;position:relative}.rc-supplied .rc-mic-controls>button{color:var(--m-ink)}.rc-supplied .rc-round-mic{background:var(--m-strip-a);border:1px solid var(--m-gold);border-radius:50%;width:76px;height:76px;position:relative;color:var(--m-strip-text)!important}.rc-supplied .rc-round-mic:before{content:"";border:2px solid var(--m-mark);opacity:.2;transform:scale(var(--rc-voice-scale,1));pointer-events:none;border-radius:50%;transition:transform 90ms linear;position:absolute;inset:-6px}.rc-supplied .rc-round-mic.is-listening:before{opacity:.5}.rc-supplied .rc-mic-caption{text-align:center;color:var(--rc-muted);grid-column:1/-1;font-size:10px;position:static}.rc-supplied .rc-lesson-pill{top:calc(env(safe-area-inset-top,0px) + 12px);white-space:nowrap;max-width:calc(100% - 110px);color:var(--m-ink);align-items:center;gap:10px;font-size:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.rc-supplied .rc-pass-dots{justify-content:center;align-items:center;gap:7px;margin:14px 0;display:flex}.rc-supplied .rc-pass-dots span,.rc-supplied .rc-pass-dots i{border:1px solid var(--m-mark);background:0 0;border-radius:50%;width:9px;height:9px;display:block}.rc-supplied .rc-pass-dots .is-filled{background:var(--m-mark)}.rc-supplied .rc-lesson-pill .rc-pass-dots{margin:0}.rc-supplied .rc-result-sheet{text-align:left;max-height:min(68dvh,700px);padding:22px 24px calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto}.rc-supplied .rc-result-sheet>header,.rc-supplied .rc-compare-ayah header{align-items:center;gap:12px;display:flex}.rc-supplied .rc-result-sheet h2{flex:1;margin:0;font-size:24px}.rc-supplied .rc-result-sheet header button{flex:none}.rc-supplied .rc-score{flex:none;place-items:center;width:46px;height:46px;font-size:13px;font-weight:600;display:grid;position:relative}.rc-supplied .rc-score svg{fill:none;stroke-width:2.5px;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.rc-supplied .rc-score-track{stroke:var(--rc-line)}.rc-supplied .rc-score-value{stroke:var(--m-mark);stroke-linecap:round}.rc-supplied .rc-drift-card{white-space:normal;text-align:left;border-color:var(--m-gold);background:color-mix(in oklab,var(--m-gold) 10%,var(--m-paper));border-radius:8px;justify-content:space-between;gap:12px;width:100%;height:auto;margin:16px 0;padding:14px;font-size:13px;line-height:1.6}.rc-supplied .rc-drift-card svg{flex:none}.rc-supplied .rc-result-evidence{margin:14px 0}.rc-supplied .rc-result-word{border-bottom:1px solid var(--rc-line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.rc-supplied .rc-result-word>span{gap:4px;display:grid}.rc-supplied .rc-result-word small{color:var(--rc-muted);font-size:11px}.rc-supplied .rc-result-word .rc-arabic{font-size:22px}.rc-supplied .rc-hesitation-note{color:var(--rc-muted);border-inline-start:2px dotted var(--rc-hesitation);padding-inline-start:10px;font-size:13px;line-height:1.7}.rc-supplied .rc-result-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.rc-supplied .rc-result-actions button{border-radius:8px;width:100%}.rc-supplied .rc-compare-ayah{border-bottom:1px solid var(--rc-line);padding:18px 0}.rc-supplied .rc-compare-ayah header{justify-content:space-between;font-size:12px}.rc-supplied .rc-compare-ayah .rc-arabic{margin:12px 0;font-size:23px;line-height:2}.rc-supplied .rc-diff-word{background:color-mix(in oklab,var(--rc-hesitation) 20%,transparent);text-decoration:underline;-webkit-text-decoration-color:var(--rc-hesitation);text-decoration-color:var(--rc-hesitation);text-underline-offset:5px}.rc-supplied .rc-compare-translation{color:var(--rc-muted);font-size:12px;line-height:1.6}@media(prefers-reduced-motion:reduce){.rc-supplied .rc-round-mic:before{transition:none}}.hx-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.hx-word-actions{flex:none;gap:2px;display:flex}.hx-word-actions button{gap:4px;padding:6px;font-size:11px}.hx-word-actions svg{width:13px}.hx-mini-tools{right:18px;top:calc(env(safe-area-inset-top,0px) + 6px);z-index:6;align-items:center;gap:4px;display:flex;position:absolute}.hx-mini-tools button{width:auto;height:32px;color:var(--foreground);background:var(--background);gap:5px;padding:0 8px;font-size:10px}.hx-panel{color:var(--foreground);background:var(--background)}[role=dialog].hx-panel{z-index:350;border-radius:8px;width:min(100% - 24px,512px)}body:has([role=dialog].hx-panel)>[data-state=open]:not([role=dialog]){z-index:340;background:color-mix(in oklab,var(--foreground) 25%,transparent)}.hx-panel header{align-items:center;gap:12px;display:flex}.hx-panel header h2{flex:1}[role=dialog].hx-panel>header{z-index:1;background:var(--background);margin:-24px -24px 0;padding:24px 40px 16px 24px;position:sticky;top:-24px}.hx-field select{width:55%}.hx-weak-page .rc-sheet{--rc-paper:var(--background);--rc-ink:var(--foreground);--rc-muted:var(--muted-foreground);--rc-shadow:none}.hx-panel p{font-size:14px;line-height:1.8}.hx-panel select{background:var(--background);border:1px solid var(--border);width:100%;color:var(--foreground);border-radius:8px;padding:10px}.hx-field{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:flex}.hx-field input[type=number]{border:1px solid var(--border);background:var(--background);width:64px;color:var(--foreground);border-radius:4px;padding:6px}.hx-echo-text{text-align:center;font-family:var(--font-arabic);padding:16px 0;font-size:26px;line-height:2}.hx-echo-hidden{opacity:0}.hx-echo-current{background:color-mix(in oklab,var(--accent) 15%,transparent);border-radius:4px}.hx-status{text-align:center;color:var(--muted-foreground);min-height:24px;font-size:12px}.hx-source{color:var(--muted-foreground);font-size:11px}.rc-supplied{--rc-tip:#4f8db6}.rc-tipped .rc-word-ink{-webkit-text-decoration:underline dotted var(--rc-tip);text-decoration:underline dotted var(--rc-tip);text-underline-offset:6px;text-decoration-thickness:1px}.rc-tajweed-tips{border-top:1px solid var(--rc-line);margin:16px 0;padding:12px 0}.rc-ayah-tip{margin:12px 0}.rc-ayah-tip header{justify-content:space-between;align-items:center;display:flex}.rc-ayah-tip p{font-size:12px;line-height:1.7}.hx-ayah-block{border-bottom:1px solid var(--border);padding:16px 0}.hx-ayah-block .hx-arabic{font-family:var(--font-arabic);font-size:24px;line-height:2}.hx-spot-row{white-space:normal;text-align:start;border-bottom:1px solid var(--border);border-radius:0;justify-content:space-between;gap:12px;width:100%;height:auto;padding:16px 0;display:flex}.hx-spot-row>span{flex:1;min-width:0}.hx-spot-row strong{font-family:var(--font-arabic);font-size:21px;font-weight:400;line-height:1.8;display:block}.hx-spot-row small{color:var(--muted-foreground);font-size:12px;display:block}.hx-strength{width:100%;height:4px;accent-color:var(--accent);margin-top:9px;display:block}.hx-milestone{z-index:10000;background:var(--background);color:var(--foreground);text-align:center;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.hx-milestone-inner{width:min(100%,440px);animation:.8s ease-out both hx-moment}.hx-milestone h2{font-family:var(--font-heading,Georgia);margin:28px 0 16px;font-size:32px;line-height:1.4}.hx-milestone p{color:var(--muted-foreground);margin-bottom:28px;font-size:14px;line-height:1.8}.hx-milestone svg{color:var(--accent)}.hx-share-art{border:double 5px var(--accent);margin:20px 0;padding:24px}.hx-share-art small{margin-top:20px;display:block}.rc-supplied [data-replay=true] .rc-word-ink{opacity:1;filter:none;outline:2px solid var(--m-mark);outline-offset:3px;background:color-mix(in oklab,var(--m-mark) 18%,transparent)}.rc-supplied .rc-ai-wrong .rc-word-ink{color:var(--rc-ai-error)}.rc-supplied [data-echo=true] .rc-word-ink{opacity:1;background:color-mix(in oklab,var(--m-mark) 16%,transparent)}.rc-supplied.rc-echo-hidden [data-echo=true] .rc-word-ink{opacity:0}@keyframes hx-moment{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hx-milestone-inner{animation:none}}