@font-face{font-family:DM Sans;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}@font-face{font-family:Newsreader;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2) format("woff2");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Noto Naskh Arabic;src:url(/assets/noto-naskh-arabic-arabic-wght-normal-DIN-4rtF.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap}:root{font-family:DM Sans,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--serif: "Newsreader", Georgia, serif;--arabic: "Noto Naskh Arabic", "Geeza Pro", serif;--paper: #f7f8f2;--surface: #fff;--ink: #203b32;--muted: #66756c;--forest: #245a45;--line: #dfe5dc;--sage: #eaf0e6;--gold: #b89a60;color:var(--ink);background:var(--paper);line-height:1.55}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:var(--forest);text-underline-offset:4px}button:disabled{cursor:not-allowed;opacity:.48}:focus-visible{outline:3px solid #8caf80;outline-offset:4px}::selection{background:#dce9cf;color:#203b32}.icon{width:22px;height:22px;flex-shrink:0}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--forest);color:#fff}.brand-mark svg{width:27px;height:27px}.brand-name{font-size:21px;font-weight:600;letter-spacing:-.9px}.brand-mode{margin-left:9px;padding-left:18px;border-left:1px solid var(--line);font-size:12px;color:var(--muted)}.page-shell{padding:0 32px;min-height:100svh}.page-frame{max-width:1120px;margin:0 auto}.app-nav{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.page-header{padding:58px 0 38px}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:650;color:var(--forest)}.page-header h1{margin:0;font-family:var(--serif);font-size:clamp(38px,4.4vw,60px);line-height:1.08;font-weight:450;letter-spacing:-1.8px;text-wrap:balance}.page-description{margin:16px 0 0;max-width:64ch;color:var(--muted);font-size:15px;line-height:1.7;text-wrap:pretty}.section-card{min-width:0;border:1px solid var(--line);border-radius:20px;padding:30px;background:var(--surface)}.section-heading{display:flex;gap:15px;align-items:flex-start;margin-bottom:26px}.section-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 auto;border-radius:12px;color:var(--forest);background:var(--sage)}.section-heading-copy{min-width:0}.section-heading h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.4px}.section-heading p{margin:5px 0 0;font-size:13px;line-height:1.65;color:var(--muted)}.app-footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0 32px;margin-top:32px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.status-badge{border-radius:6px;padding:5px 10px;color:var(--forest);background:var(--sage);font-size:12px;text-transform:capitalize}.status-badge-error{color:#963d3d;background:#fcf0ee}.error-banner{border:1px solid #eacbc5;border-radius:12px;padding:15px 18px;background:#fff2ef;color:#873d35;font-size:14px;overflow-wrap:anywhere}@media(max-width:640px){.page-shell{padding:0 20px}.app-nav{min-height:84px;gap:12px}.brand-mark{width:34px;height:34px;border-radius:10px}.brand-name{font-size:19px}.brand-mode{display:none}.page-header{padding:35px 0 28px}.page-header h1{font-size:40px;letter-spacing:-1.25px}.page-description{font-size:14px}.section-card{padding:23px;border-radius:17px}.app-footer{font-size:10px;gap:15px}.app-footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root{color-scheme:light}#root{min-height:100svh}.controller-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:24px}.session-card{padding:32px}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 18px}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid transparent;border-radius:10px;min-height:48px;padding:12px 20px;background:var(--forest);color:#fff;font-size:13px;font-weight:550;transition:background .16s,box-shadow .16s}.action-button.prominent{justify-content:space-between;min-width:210px}.action-button:not(:disabled):hover{background:#184432;box-shadow:0 3px 10px #203b3210}.action-button.secondary{background:transparent;color:var(--muted);border-color:var(--line)}.action-button.secondary:not(:disabled):hover{background:var(--paper);color:var(--ink)}.action-button.stop{background:#934c43}.action-button.stop:not(:disabled):hover{background:#7a3d35}.action-button.compact{min-height:36px;padding:7px 11px;font-size:11px;background:var(--sage);color:var(--forest)}.action-button.compact:not(:disabled):hover{background:#dde9d9}.controller-status{display:flex;gap:10px;align-items:center;padding:9px 0}.controller-status-dot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#879a87}.controller-status-text{display:flex;flex-direction:column;gap:2px}.controller-status-text strong{font-size:12px;font-weight:550}.controller-status-text span{font-size:11px;color:var(--muted)}.controller-status-active .controller-status-dot,.controller-status-ready .controller-status-dot{background:#3d875f;box-shadow:0 0 0 4px #e7efdf}.controller-status-warning .controller-status-dot{background:#aa822e}.controller-status-error .controller-status-dot{background:#b25649}.session-illustration{display:flex;align-items:center;justify-content:center;gap:28px;height:156px;margin:0 -32px 26px;background:#f1f5ed;border-block:1px solid #e9eee4}.illustration-phone{width:45px;height:79px;border:1.5px solid #659077;border-radius:9px;display:grid;place-items:center;position:relative;color:var(--forest);background:#fff}.illustration-phone:after{content:"";position:absolute;bottom:5px;width:12px;height:2px;background:#8da894;border-radius:2px}.illustration-connection{display:flex;align-items:center;gap:6px;color:#729078}.illustration-connection span{width:3px;height:3px;border-radius:50%;background:#9ab19b}.illustration-connection .icon{width:18px}.illustration-display{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;width:132px;height:83px;border:1.5px solid #659077;border-radius:5px;background:#fcfdf9;position:relative}.illustration-display:after{content:"";position:absolute;width:44px;height:5px;border-bottom:1.5px solid #659077;bottom:-7px}.illustration-verse{width:73px;height:5px;border-radius:2px;background:#669077}.illustration-verse.short{width:48px}.illustration-translation{width:84px;height:2px;background:#c1cbb8;margin-top:4px}.muted{margin:0;font-size:11px;color:var(--muted);line-height:1.7}.session-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:24px;padding-top:24px;gap:24px}.session-item{min-width:0;display:flex;flex-direction:column;gap:9px}.session-value-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:550;color:var(--muted)}.value{font-size:24px;font-weight:450;line-height:1.3}.mono-value{font-family:ui-monospace,SFMono-Regular,monospace;font-size:22px;letter-spacing:.13em;line-height:1.4}.link-panel{display:flex;align-items:center;gap:10px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.link-panel .icon{width:17px;height:17px}.link-panel a{text-decoration:none}.link-panel a:hover{text-decoration:underline}.link-panel a span{margin-left:5px}.translation-control{display:flex;flex-direction:column;gap:11px}.translation-select{min-width:0;width:100%;min-height:50px;padding:12px 36px 12px 14px;border:1px solid var(--line);border-radius:9px;background-color:var(--paper);color:var(--ink);font-size:12px;text-overflow:ellipsis;cursor:pointer}.translation-note{margin-top:28px;padding-top:25px;border-top:1px solid var(--line)}.translation-note-rule{display:block;width:26px;height:2px;background:var(--gold)}.translation-note p{margin:12px 0 0;font-family:var(--serif);font-size:19px;line-height:1.4;color:#667261}.getting-started{margin:43px 0 0}.setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:24px 0 0;gap:35px}.setup-steps li{display:flex;align-items:flex-start;gap:14px}.step-number{font-family:var(--serif);font-size:24px;color:#789077;line-height:1.2}.setup-steps h3{margin:0 0 7px;font-size:12px;font-weight:600}.setup-steps p{margin:0;font-size:12px;line-height:1.75;color:var(--muted)}.scan-status{font-size:12px;color:var(--forest)}.waveform-panel{padding:15px;margin-top:18px;border-radius:12px;background:var(--paper);border:1px solid var(--line)}.waveform-header{display:flex;align-items:center;gap:8px;color:var(--forest);font-size:11px;font-weight:550;margin-bottom:12px}.waveform-canvas{width:100%;height:64px;display:block}@media(max-width:760px){.controller-grid{grid-template-columns:1fr;gap:18px}.setup-steps{gap:22px;grid-template-columns:1fr}.getting-started{margin-top:32px}.translation-note{display:none}}@media(max-width:640px){.controller-status-text span{display:none}.controller-status-text strong{font-size:10px;max-width:100px}.session-card{padding:23px}.session-illustration{margin-inline:-23px;height:137px}.action-button.prominent,.recitation-action{flex:1}.action-row{gap:8px}.action-button{padding:12px 16px}.session-grid{gap:15px}.session-value-row{align-items:flex-start;flex-direction:column}.section-heading{margin-bottom:22px}.session-add-button{min-height:44px!important}}.scanner-overlay{position:fixed;inset:0;z-index:50;width:100vw;min-height:100vh;min-height:100svh;overflow:hidden;background:#07110c;color:#f7f2e7}.scanner-header,.scanner-footer{position:absolute;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,1.1vmin,2rem);padding-right:max(clamp(1rem,1.25vmin,2.5rem),env(safe-area-inset-right));padding-left:max(clamp(1rem,1.25vmin,2.5rem),env(safe-area-inset-left))}.scanner-header{top:0;padding-top:max(clamp(1rem,1.25vmin,2.5rem),env(safe-area-inset-top));padding-bottom:clamp(1rem,1.15vmin,2rem);background:linear-gradient(180deg,#07110cdb,#07110c00)}.scanner-kicker,.scanner-status{margin:0;color:#cbd6c4}.scanner-kicker{font-size:clamp(.78rem,.6rem + .46vmin,1.2rem);letter-spacing:.08em;text-transform:uppercase}.scanner-title{margin:.1rem 0 0;max-width:min(46rem,76vw);font-size:clamp(1.25rem,1rem + 2.5vmin,4.4rem);line-height:1.1}.scanner-close-button{flex:0 0 auto;border:1px solid rgba(247,242,231,.24);border-radius:999px;min-height:clamp(2.75rem,2.2rem + 1.5vmin,4.75rem);padding:clamp(.72rem,.58rem + .52vmin,1.25rem) clamp(1rem,.74rem + .9vmin,1.85rem);background:#f7f2e71f;color:#f7f2e7;cursor:pointer}.scanner-viewport{position:absolute;inset:0;overflow:hidden;background:#14241a}.scanner-video{width:100%;height:100%;min-height:100vh;min-height:100svh;display:block;background:#14241a;object-fit:cover}.scanner-target{position:absolute;inset:50% auto auto 50%;width:min(68vw,44vmin,620px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(247,242,231,.35);border-radius:24px;box-shadow:0 0 0 999px #07110c57}.scanner-target span{position:absolute;width:clamp(3.2rem,2.4rem + 2.4vmin,6rem);height:clamp(3.2rem,2.4rem + 2.4vmin,6rem);border-color:#f2c84b}.scanner-target span:nth-child(1){top:-2px;left:-2px;border-top:5px solid;border-left:5px solid;border-top-left-radius:22px}.scanner-target span:nth-child(2){top:-2px;right:-2px;border-top:5px solid;border-right:5px solid;border-top-right-radius:22px}.scanner-target span:nth-child(3){right:-2px;bottom:-2px;border-right:5px solid;border-bottom:5px solid;border-bottom-right-radius:22px}.scanner-target span:nth-child(4){bottom:-2px;left:-2px;border-bottom:5px solid;border-left:5px solid;border-bottom-left-radius:22px}.scanner-footer{bottom:0;min-height:2rem;justify-content:center;padding-top:clamp(1.25rem,1rem + 1.1vmin,2.5rem);padding-bottom:max(clamp(1rem,1.25vmin,2.5rem),env(safe-area-inset-bottom));background:linear-gradient(0deg,#07110ce6,#07110c00);text-align:center}.scanner-canvas{display:none}.scanner-fallback-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.9rem,1vmin,1.8rem);padding:clamp(7rem,12vmin,12rem) clamp(1.5rem,2vmin,4rem) clamp(9rem,14vmin,15rem);text-align:center}.scanner-fallback-title{margin:0;color:#f7f2e7;font-size:clamp(1.6rem,1rem + 4vmin,6rem);line-height:1.05}.scanner-fallback-copy{margin:0;max-width:46rem;color:#cbd6c4;font-size:clamp(1rem,.75rem + .85vmin,1.8rem)}.scanner-code-form{display:flex;flex-direction:column;gap:clamp(.7rem,.8vmin,1.45rem);width:min(100%,64rem)}.scanner-code-row{display:flex;gap:clamp(.7rem,.8vmin,1.45rem);width:100%}.scanner-code-input{flex:1 1 auto;min-width:0;border:1px solid rgba(247,242,231,.2);border-radius:999px;min-height:clamp(3rem,2.35rem + 1.8vmin,5.25rem);padding:clamp(.9rem,.7rem + .7vmin,1.55rem) clamp(1rem,.76rem + .9vmin,1.9rem);background:#f7f2e71a;color:#f7f2e7;font-family:SFMono-Regular,Menlo,Monaco,monospace;letter-spacing:.16em;text-align:center;text-transform:uppercase}.scanner-code-input::placeholder{color:#f7f2e785}.scanner-submit-button{flex:0 0 auto;border:0;border-radius:999px;min-height:clamp(3rem,2.35rem + 1.8vmin,5.25rem);padding:clamp(.9rem,.7rem + .7vmin,1.55rem) clamp(1.2rem,.9rem + 1vmin,2.25rem);background:#f2c84b;color:#07110c;cursor:pointer}.scanner-submit-button:disabled{cursor:not-allowed;opacity:.58}.scanner-overlay{background:#142820;font-family:DM Sans,sans-serif}.scanner-title{font-family:var(--serif);font-weight:450;font-size:clamp(26px,4vw,42px)}.scanner-code-form{max-width:620px}.scanner-code-input,.scanner-submit-button,.scanner-close-button{border-radius:10px;font-size:14px;min-height:48px}.scanner-submit-button{background:#d9e7cb;color:#203b32}.scanner-fallback-title{font-family:var(--serif);font-size:clamp(32px,5vw,52px);font-weight:450}.scanner-fallback-copy{max-width:360px;font-size:14px}.scanner-kicker,.scanner-status{font-size:11px}.scanner-target span{border-color:#d9e7cb}@media(max-width:640px){.scanner-header{gap:12px}.scanner-title{max-width:215px}.scanner-code-row{flex-direction:column}.scanner-fallback-panel{padding-inline:24px}}@media(max-width:640px){.translation-select,.scanner-code-input{font-size:16px}.action-button{font-size:14px}}