.kh{min-height:100dvh;padding:clamp(1rem,3vw,2.5rem);max-width:52rem;margin:0 auto}.kh-header{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.kh-title{font-family:var(--font-display);font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:600;margin:0}.kh-back{margin-left:auto;font-size:.95rem;color:var(--color-ivory-dim);text-decoration:none}.kh-back:hover{color:var(--color-gold)}.kh-lead{color:var(--color-ivory-dim)}.kh-lead,.kh-steps{margin:0 0 var(--space-4)}.kh-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem}.kh-step{display:grid;justify-items:center;grid-gap:.4em;gap:.4em;padding:.7em .4em;border-radius:var(--radius-md);border:1px solid transparent;text-align:center}.kh-step[data-state=current]{border-color:oklch(72% .11 85/.45);background:linear-gradient(180deg,oklch(100% 0 0/.05),oklch(100% 0 0/.02))}.kh-step-num{display:grid;place-items:center;width:2.1em;height:2.1em;border-radius:999px;font-weight:650;font-size:.95rem;border:1px solid var(--color-night-border);color:var(--color-ivory-faint);background:var(--color-night)}.kh-step[data-state=current] .kh-step-num{background:linear-gradient(160deg,oklch(72% .11 85),oklch(58% .12 80));border-color:transparent;color:oklch(15% .02 80)}.kh-step[data-state=done] .kh-step-num{border-color:oklch(72% .11 85/.55);color:var(--color-gold)}.kh-step-label{font-size:.85rem;color:var(--color-ivory-faint);letter-spacing:.02em}.kh-step[data-state=current] .kh-step-label{color:var(--color-ivory);font-weight:600}.kh-step[data-state=done] .kh-step-label{color:var(--color-ivory-dim)}.kh-card{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:clamp(1.3em,3vw,2em);border-radius:20px;border:1px solid oklch(100% 0 0/.12);background:linear-gradient(180deg,oklch(100% 0 0/.05),oklch(100% 0 0/.02))}.kh-card-title{font-family:var(--font-display);font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:600;margin:0}.kh-card-sub{color:var(--color-ivory-dim);font-size:1.02rem;line-height:1.6;margin:0;max-width:40rem}.kh-fields{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.kh-field{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.kh-field>span{font-size:.9rem;color:var(--color-ivory-faint);letter-spacing:.02em}.kh-input,.kh-select,.kh-textarea{min-height:48px;padding:.55em .9em;border-radius:var(--radius-sm);border:1px solid var(--color-night-border);background:var(--color-night);color:var(--color-ivory);font-size:1.02rem;font-family:var(--font-ui)}.kh-input:focus,.kh-select:focus,.kh-textarea:focus{border-color:var(--color-gold-deep);outline:none}.kh-textarea{width:100%;min-height:8rem;resize:vertical;line-height:1.55}.kh-drop{position:relative;display:grid;justify-items:center;grid-gap:.35em;gap:.35em;padding:clamp(1.6em,4vw,2.6em) 1.2em;border-radius:var(--radius-md);border:2px dashed oklch(72% .11 85/.4);background:oklch(72% .11 85/.05);text-align:center;cursor:pointer;transition:border-color var(--duration-normal) var(--ease-calm),background var(--duration-normal) var(--ease-calm)}.kh-drop:hover,.kh-drop[data-active=true]{border-color:var(--color-gold);background:oklch(72% .11 85/.1)}.kh-drop-input{position:absolute;inset:0;opacity:0;cursor:pointer}.kh-drop-icon{font-size:2rem;line-height:1}.kh-drop-main{font-size:1.15rem;font-weight:600}.kh-drop-sub{color:var(--color-ivory-faint)}.kh-drop-file{display:grid;grid-gap:.25em;gap:.25em;font-size:1.1rem;word-break:break-word}.kh-drop-size{color:var(--color-gold);font-size:.95rem}.kh-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.kh-actions-center{justify-content:center}.kh-actions-split{justify-content:space-between}.kh-btn{display:inline-block;min-height:48px;padding:.7em 1.5em;border-radius:999px;border:none;font-size:1rem;font-weight:650;font-family:var(--font-ui);text-decoration:none;text-align:center;cursor:pointer;color:oklch(15% .02 80);background:linear-gradient(160deg,oklch(72% .11 85),oklch(58% .12 80));transition:filter var(--duration-normal) var(--ease-calm),transform .12s var(--ease-calm)}.kh-btn:hover:not(:disabled){filter:brightness(1.12)}.kh-btn:active:not(:disabled){transform:scale(.98)}.kh-btn:disabled{opacity:.5;cursor:default}.kh-btn-big{min-height:56px;padding:.85em 2em;font-size:1.12rem}.kh-btn-ghost{min-height:48px;padding:.7em 1.3em;border-radius:999px;border:1px solid oklch(72% .11 85/.45);background:oklch(72% .11 85/.12);color:var(--color-gold);font-size:.98rem;font-weight:650;font-family:var(--font-ui);cursor:pointer}.kh-btn-ghost:hover{background:oklch(72% .11 85/.2)}.kh-link{border:none;background:none;padding:0;color:var(--color-ivory-dim);font-size:.98rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer;justify-self:start}.kh-link:hover{color:var(--color-gold)}.kh-recent{border-top:1px solid var(--color-night-border);padding-top:var(--space-3);display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.kh-recent-title{font-size:.95rem;font-weight:600;color:var(--color-ivory-faint);margin:0;letter-spacing:.02em}.kh-recent-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.kh-recent-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-night-border);border-radius:var(--radius-sm);background:var(--color-night);color:var(--color-ivory);font-size:1rem;text-align:left;cursor:pointer;transition:border-color var(--duration-normal) var(--ease-calm)}.kh-recent-item:hover{border-color:var(--color-gold-deep)}.kh-recent-date{color:var(--color-ivory-faint);font-size:.9rem;min-width:6.2rem}.kh-recent-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kh-badge{margin-left:auto;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;padding:.25em .75em;border-radius:999px;border:1px solid var(--color-night-border);color:var(--color-ivory-dim);white-space:nowrap}.kh-badge[data-status=TRANSCRIBED],.kh-badge[data-status=TRANSLATED]{color:var(--color-paused);border-color:var(--color-paused)}.kh-badge[data-status=PUBLISHED]{color:var(--color-live);border-color:var(--color-live)}.kh-badge[data-status=TRANSCRIBE_FAILED]{color:var(--color-danger);border-color:var(--color-danger)}.kh-progress{display:grid;justify-items:center;text-align:center;grid-gap:var(--space-3);gap:var(--space-3);padding:clamp(1.5em,4vw,3em) 1em}.kh-progress-icon{font-size:2.4rem;line-height:1}.kh-progress-ok{display:grid;place-items:center;width:2em;height:2em;border-radius:999px;color:var(--color-live);border:2px solid var(--color-live)}.kh-pulse{display:flex;gap:.7em}.kh-pulse span{width:.9em;height:.9em;border-radius:999px;background:var(--color-gold);opacity:.35;animation:kh-breathe 1.8s var(--ease-calm) infinite}.kh-pulse span:nth-child(2){animation-delay:.3s}.kh-pulse span:nth-child(3){animation-delay:.6s}@keyframes kh-breathe{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.kh-pulse span{animation:none;opacity:.8}}.kh-detail{color:var(--color-ivory-faint);font-size:.88rem;margin:0;max-width:34rem;word-break:break-word}.kh-review-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.kh-doubt{margin:0;font-size:1.05rem;font-weight:600;color:var(--color-paused)}.kh-doubt[data-clear=true]{color:var(--color-live)}.kh-legend{margin-left:auto;display:flex;gap:.9em;font-size:.85rem;color:var(--color-ivory-faint)}.kh-legend-item{display:inline-flex;align-items:center;gap:.4em}.kh-missing{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid oklch(78% .14 75/.4);background:oklch(78% .14 75/.08)}.kh-missing p{margin:0;color:var(--color-ivory-dim)}.kh-segments{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.kh-seg{border-radius:var(--radius-md);border:1px solid var(--color-night-border);background:var(--color-night);overflow:hidden}.kh-seg[data-tier=green]{background:oklch(72% .17 150/.06)}.kh-seg[data-tier=yellow]{background:oklch(82% .14 95/.07)}.kh-seg[data-tier=orange]{background:oklch(72% .15 55/.08)}.kh-seg[data-tier=red]{background:oklch(62% .19 25/.09);border-color:oklch(62% .19 25/.45)}.kh-seg[data-open=true]{border-color:var(--color-gold-deep)}.kh-seg-view{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3);border:none;background:none;color:var(--color-ivory);font-family:var(--font-ui);font-size:1rem;text-align:left;cursor:pointer}.kh-seg-view:hover .kh-seg-nl{color:var(--color-gold)}.kh-dot{flex:none;display:inline-block;width:.7em;height:.7em;margin-top:.35em;border-radius:999px;border:1px solid var(--color-night-border);background:var(--color-night-raised)}.kh-dot[data-tier=green]{background:var(--color-live);border-color:transparent}.kh-dot[data-tier=yellow]{background:oklch(82% .14 95);border-color:transparent}.kh-dot[data-tier=orange]{background:oklch(72% .15 55);border-color:transparent}.kh-dot[data-tier=red]{background:var(--color-danger);border-color:transparent}.kh-seg-body{display:grid;grid-gap:.35em;gap:.35em;min-width:0;flex:1 1}.kh-seg-nl{line-height:1.55;transition:color var(--duration-normal) var(--ease-calm)}.kh-seg-nl[data-empty=true]{color:var(--color-ivory-faint);font-style:italic}.kh-seg-orig{direction:rtl;color:var(--color-ivory-faint);font-size:.92rem;line-height:1.6}.kh-seg-flag{flex:none;font-size:.78rem;color:var(--color-ivory-dim);border:1px solid var(--color-night-border);border-radius:999px;padding:.2em .7em;white-space:nowrap}.kh-seg-edit{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3)}.kh-seg-edit .kh-btn{justify-self:start}.kh-seg-source{direction:rtl;font-size:1.08rem}.kh-downloads{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;font-size:.95rem;color:var(--color-ivory-faint)}.kh-downloads a{color:var(--color-gold);text-decoration:underline;text-underline-offset:3px}.kh-summary-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.kh-summary-grid .kh-field{grid-column:1/-1}.kh-fact{display:grid;grid-gap:.25em;gap:.25em;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-night-border);background:var(--color-night)}.kh-fact>span{font-size:.85rem;color:var(--color-ivory-faint)}.kh-fact>strong{font-size:1.05rem}.kh-summary-edit{border:1px solid var(--color-night-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.kh-summary-edit summary{cursor:pointer;color:var(--color-ivory-dim);font-weight:600}.kh-red-confirm{display:flex;align-items:center;gap:.8em;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid oklch(62% .19 25/.5);background:oklch(62% .19 25/.08);font-size:1.02rem;cursor:pointer}.kh-red-confirm input{width:1.35em;height:1.35em;accent-color:var(--color-danger);flex:none}.kh-error{color:var(--color-danger);margin:0}.kh-hint{color:var(--color-ivory-faint);font-size:.9rem;margin:0}@media (max-width:640px){.kh-step-label{font-size:.72rem}.kh-summary-grid{grid-template-columns:1fr}.kh-legend{margin-left:0}.kh-actions-split{flex-direction:column-reverse;align-items:stretch}}.kh-mosque-chosen{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:48px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-gold-deep);border-radius:var(--radius-sm);background:var(--color-night)}.kh-mosque-chosen-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kh-mosque-list{list-style:none;margin:var(--space-2) 0 0;padding:0;display:grid;grid-gap:2px;gap:2px;border:1px solid var(--color-night-border);border-radius:var(--radius-sm);overflow:hidden}.kh-mosque-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:var(--space-2) var(--space-3);border:0;background:var(--color-night);color:var(--color-ivory);font-size:1rem;text-align:left;cursor:pointer;transition:background var(--duration-normal) var(--ease-calm)}.kh-mosque-option:focus-visible,.kh-mosque-option:hover{background:oklch(100% 0 0/.06)}.kh-mosque-option-name{font-weight:600}.kh-mosque-option-place{color:var(--color-ivory-faint);font-size:.88rem}.kh-recent-mosque{display:block;color:var(--color-ivory-faint);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kh-audio{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-night-border);border-radius:var(--radius-md);background:oklch(100% 0 0/.03)}.kh-audio-label{margin:0 0 .5em;font-size:.85rem;font-weight:600;color:var(--color-gold)}.kh-audio-el{width:100%;height:40px}.kh-textnote{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-left:0;border:1px dashed var(--color-night-border);border-radius:var(--radius-md);font-size:.92rem;line-height:1.55;color:var(--color-ivory-faint,oklch(70% .015 90))}