:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#131614;color:#f3f5ef;--accent:#d8f58b;--font:46px;--muted:#879181}*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden}button,select,textarea,input{font:inherit}button,a,.button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,.button,select{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}h1,h2,p{margin:0}button{color:inherit}svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app-shell{max-width:1280px;height:100dvh;margin:auto;padding:16px 36px max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.app-header,.brand,.header-actions{display:flex;align-items:center}.app-header{justify-content:space-between;gap:16px;min-height:58px;flex:none}.brand{gap:10px;min-width:0}.app-logo{display:block;width:36px;height:36px;border-radius:22%;flex:none}.brand h1{font-size:18px;font-weight:650;letter-spacing:-.04em;white-space:nowrap}.preview-badge{color:#8f9988;font-size:10px;border:1px solid #343d31;border-radius:20px;padding:3px 7px;white-space:nowrap}.header-actions{gap:6px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;background:transparent;border-radius:50%;color:#b8c2b0;flex:none}.icon-button:hover{background:#242b22;color:#f1f5eb}#reader-tools svg{fill:currentColor;stroke:none}.reader-panel{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;background:transparent;overflow:hidden}.reader-toolbar{display:flex;justify-content:flex-end;min-height:48px;padding:4px 0 0;flex:none}.voice-feedback{display:flex;align-items:center;gap:8px;max-width:100%;height:36px;border:0;background:transparent;padding:0 8px;color:#89957f;font-size:11px;white-space:nowrap;border-radius:20px}.voice-feedback:disabled{opacity:1}.wave{display:flex;align-items:center;justify-content:center;gap:2px;width:32px;min-width:32px;height:22px}.wave i{width:2.5px;height:2.5px;border-radius:4px;background:#87977a;transition:height .065s linear}.wave[data-active=true] i{background:var(--accent)}.wave[data-active=true]{filter:drop-shadow(0 0 5px #d8f58b33)}.reader{overflow-anchor:none;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:28px 32px 96px;touch-action:pan-y;scrollbar-width:none}.reader::-webkit-scrollbar{display:none}.reader p{position:relative;max-width:960px;padding-left:40px;font-size:var(--font);font-weight:600;line-height:1.58;letter-spacing:-.025em;color:#697260;margin:0 0 28px;transition:color .15s}.reader p.current{color:#f5f7f0}.reader p.current:before{content:'▶';position:absolute;left:0;top:.26em;font-size:.48em;line-height:1.5;color:var(--accent)}.reader p.next{color:#ced8c6}.reader p.done{color:#5d6854}.mirrored #reader{transform:rotateY(180deg)}.reader-actions{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:16px;flex:none;min-height:112px}.primary{display:flex;align-items:center;justify-content:center;border:0;border-radius:40px;background:var(--accent);color:#20261f;min-width:198px;min-height:50px;padding:13px 30px;font-size:15px;font-weight:650}.primary:hover{background:#e3ffa5}.primary:disabled{opacity:.55}.position{color:#65705d;font-size:10px;font-variant-numeric:tabular-nums}.reading-feedback{max-width:680px;text-align:center;font-size:12px;line-height:1.55;color:#aebca2}.reading-feedback:empty{display:none}#status{color:#b9cca5}#notice{color:#b8c2af}#notice.error{color:#e8b582}.reading-feedback p+p{margin-top:4px}#camera-preview{position:absolute;z-index:3;right:14px;top:54px;width:120px;aspect-ratio:3/4;object-fit:cover;transform:scaleX(-1);border-radius:22px;box-shadow:0 12px 32px #0005}
.reader-panel:fullscreen,.immersive .reader-panel{background:#131614;display:flex;flex-direction:column;height:100dvh;width:100vw;border-radius:0;padding:0}.reader-panel:fullscreen .reader-toolbar,.immersive .reader-toolbar{padding:12px 24px 0;min-height:58px}.reader-panel:fullscreen .voice-feedback,.immersive .voice-feedback{color:var(--accent);background:#1d251b;padding:0 12px;border:1px solid #2b3625;height:40px}.reader-panel:fullscreen .reader,.immersive .reader{padding:9vh 8vw 30vh;max-height:none}.reader-panel:fullscreen .reader p,.immersive .reader p{padding-left:0;line-height:1.75}.reader-panel:fullscreen .reader p:before,.immersive .reader p:before{display:none}.reader-panel:fullscreen #camera-preview,.immersive #camera-preview{display:none}.immersive .reader-panel{position:fixed;inset:0;z-index:1000}.immersive{overflow:hidden}
.sheet{padding:0;border:1px solid #303a2b;border-radius:32px;background:#181f17;color:#eef3e9;width:min(540px,calc(100vw - 36px));max-width:100%;max-height:calc(100dvh - 36px);overflow:auto;box-shadow:0 25px 100px #0007}.sheet::backdrop,#paywall::backdrop{background:#050805a6;backdrop-filter:blur(14px)}.sheet-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 15px;background:#181f17}.sheet h2{font-size:18px;font-weight:650;letter-spacing:-.03em}.sheet-header .icon-button{width:34px;height:34px;font-size:25px}.settings-sheet{padding-bottom:18px}.settings-group{margin:0 20px 13px;padding:12px 16px;background:#232b20;border-radius:22px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43px;font-size:14px}.setting-row output{color:#9fb18e;font-size:13px;font-variant-numeric:tabular-nums}.settings-sheet input[type=range]{display:block;accent-color:var(--accent);width:100%;margin:7px 0 20px;height:24px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tool-grid>button,.tool-grid>.button{min-width:0;display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #3a4632;background:transparent;border-radius:14px;color:#d9e2d1;font-size:13px;text-align:center;padding:10px 7px}.tool-grid button[aria-pressed=true]{background:#d8f58b;color:#20261f;border-color:#d8f58b}.setting-link{display:block;width:100%;text-align:left;min-height:46px;border:0;border-bottom:1px solid #34402d;background:transparent;font-size:14px;padding:12px 0}.settings-group .setting-link:last-child{border-bottom:0}.setting-row select{border:0;border-radius:10px;padding:7px;background:#2e3828;color:#c9d7bd;font-size:12px;max-width:160px}.settings-links{display:flex;justify-content:center;gap:25px;font-size:11px;color:#819473;margin-top:17px}.settings-links a{color:inherit;text-decoration:none}.editor-sheet{width:min(790px,calc(100vw - 36px));height:min(700px,calc(100dvh - 40px))}.editor-sheet[open]{display:flex;flex-direction:column}.editor-sheet .sheet-header{padding-bottom:18px}.quiet-button{border:0;background:transparent;color:#adbca1;padding:9px 0;font-size:14px}.save-button{border:0;border-radius:24px;background:var(--accent);color:#20261f;padding:10px 20px;font-size:14px;font-weight:650}.save-button:disabled{opacity:.4}#script{display:block;width:calc(100% - 40px);flex:1;min-height:180px;resize:none;margin:0 20px 20px;padding:22px;border:1px solid #35412f;border-radius:24px;background:#11170f;color:#f0f4eb;font-size:19px;line-height:1.8;outline-offset:-1px}#script::placeholder{color:#67755c}
/* The silent sample is the main illustration; plans stay below it on phones. */
#paywall{padding:0;border:1px solid #30382d;border-radius:28px;background:radial-gradient(ellipse farthest-corner at 48% 28%,rgb(216 245 139 / 6.5%) 0%,rgb(216 245 139 / 2.5%) 50%,transparent 100%),#111612;color:#f2f5ef;width:min(760px,calc(100vw - 48px));height:min(920px,calc(100dvh - 48px));max-height:100dvh;max-width:100vw;overflow:auto;overscroll-behavior:contain}
#paywall[open]{display:flex;flex-direction:column}
.paywall-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#close-paywall{position:absolute;z-index:2;right:12px;top:12px;width:44px;height:44px;border:0;border-radius:50%;background:#111612a8;font-size:28px;color:#bbc5b3}
.paywall-demo{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:400px;padding:64px 40px 36px;flex:1 0 auto;background:transparent}
.paywall-illustration{width:100%;max-width:520px;min-width:0}
.paywall-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:#aebba4}
.paywall-brand>span{font-size:.625rem;letter-spacing:.2em}
.paywall-brand small{padding:3px 6px;border:1px solid #52613f;border-radius:6px;font-size:.5625rem;color:#b4ca8b}
.paywall-script{font-size:2rem;font-weight:700;line-height:1.6;letter-spacing:-.025em}
.paywall-script p{display:grid;grid-template-columns:.65em minmax(0,1fr);column-gap:.45em;align-items:start;margin:0 0 10px;overflow-wrap:anywhere}
.paywall-line{position:relative;display:block;color:#56624e}
.paywall-line-active{position:absolute;inset:0;color:#d8f58b;opacity:0;animation:paywallLine 11.2s ease-in-out infinite}
.paywall-triangle{display:flex;align-items:center;justify-content:center;width:.65em;height:1.6em;color:#d8f58b;opacity:0;animation:paywallLine 11.2s ease-in-out infinite}
.paywall-triangle svg{width:.6em;height:.8em;fill:currentColor;stroke:none}
.paywall-script p:nth-child(2) .paywall-line-active,.paywall-script p:nth-child(2) .paywall-triangle{animation-delay:-8.4s}
.paywall-script p:nth-child(3) .paywall-line-active,.paywall-script p:nth-child(3) .paywall-triangle{animation-delay:-5.6s}
.paywall-script p:nth-child(4) .paywall-line-active,.paywall-script p:nth-child(4) .paywall-triangle{animation-delay:-2.8s}
.demo-bars{display:flex;justify-content:center;align-items:center;gap:4px;height:30px;margin-top:30px}
.demo-bars i{width:4px;height:18px;background:#cce78b;border-radius:9px;transform-origin:center;animation:paywallVoice 1.4s ease-in-out infinite}
.demo-bars i:nth-child(2n){height:26px;animation-delay:-.4s}.demo-bars i:nth-child(3n){height:12px;animation-delay:-.8s}
#paywall:not([open]) .paywall-line-active,#paywall:not([open]) .paywall-triangle,#paywall:not([open]) .demo-bars i,#paywall.is-demo-paused .paywall-line-active,#paywall.is-demo-paused .paywall-triangle,#paywall.is-demo-paused .demo-bars i{animation-play-state:paused}
@keyframes paywallLine{0%,20%,100%{opacity:1}25%,95%{opacity:0}}
@keyframes paywallVoice{0%,100%{transform:scaleY(.35);opacity:.5}50%{transform:scaleY(1);opacity:1}}
.paywall-bottom{min-width:0;padding:24px 32px max(18px,env(safe-area-inset-bottom));flex:0 0 auto;margin-top:auto;border-top:1px solid #33412d}
.paywall-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:12px}
.paywall-plan{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border:1px solid #414c38;border-radius:18px;background:transparent;text-align:left;color:inherit;overflow-wrap:anywhere}
.paywall-plan.selected{background:#d8f58b;color:#131614;border-color:#d8f58b}.paywall-plan>span{font-size:.875rem;font-weight:650}.paywall-plan strong{font-size:1.875rem;letter-spacing:-.04em}.paywall-plan em{font-size:.8125rem;font-style:normal;font-weight:400}.paywall-plan small{font-size:.6875rem;opacity:.8;line-height:1.5}
.paywall-purchase,.paywall-account{display:flex;justify-content:center;align-items:center;width:100%;min-height:48px;padding:12px 16px;border-radius:16px;text-align:center;font-size:.9375rem;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.paywall-purchase{margin:16px 0 10px;color:inherit;border:1px solid #343d2f;background:#1c2419}.paywall-purchase:disabled{opacity:.5}
.paywall-bottom .paywall-account{border:1px solid #58664b;background:transparent;color:#d8f58b;text-decoration:none}
.paywall-legal{margin-top:14px;font-size:.6875rem;color:#9aa88f;line-height:1.6}.paywall-notice{margin-top:12px;color:#e8b582;font-size:.8125rem;line-height:1.6}
.paywall-bottom nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 16px;margin-top:10px;color:#9aa88f;font-size:.625rem;line-height:1.5}.paywall-bottom nav a{min-height:32px;display:inline-flex;align-items:center;color:inherit;text-decoration:none}
@media(min-width:960px) and (min-aspect-ratio:1/1){#paywall{width:min(1120px,calc(100vw - 64px));height:min(720px,calc(100dvh - 64px))}#paywall[open]{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch}.paywall-demo{flex:1.2 1 22rem;min-height:400px;padding:56px 36px}.paywall-script{font-size:2.25rem}.paywall-bottom{flex:1 1 20rem;align-self:center;margin:44px 0;padding:24px 28px;border-top:0;border-left:1px solid #33412d}}
@media(min-width:651px) and (max-aspect-ratio:1/1){.paywall-demo{padding-inline:48px}.paywall-bottom{padding-inline:48px}}
@media(max-height:540px){.paywall-demo{padding-top:56px;padding-bottom:24px;min-height:340px}}
#paywall{scrollbar-width:thin}

@media(max-width:650px){.app-shell{padding:10px 16px max(12px,env(safe-area-inset-bottom))}.app-header{min-height:50px;gap:8px}.brand{gap:8px}.app-logo{width:32px;height:32px}.brand h1{font-size:16px}.preview-badge{font-size:8px;padding:3px 6px}.header-actions{gap:1px}.icon-button{width:38px;height:38px}.icon-button svg{width:19px;height:19px}.reader-toolbar{min-height:42px;padding-top:2px}.voice-feedback{font-size:10px;padding-right:3px;gap:6px}.reader{padding:18px 5px 85px}.reader p{font-size:calc(var(--font)*.76);padding-left:30px;margin-bottom:24px;line-height:1.65}.reader p.current:before{font-size:.5em;top:.27em}.reader-actions{min-height:92px;padding-top:10px;gap:10px}.primary{min-width:190px;min-height:49px;padding:12px 27px;font-size:14px}.position{font-size:9px}.reading-feedback{font-size:11px;padding:0 8px}.reader-panel:fullscreen .reader-toolbar,.immersive .reader-toolbar{padding:10px 16px 0}.reader-panel:fullscreen .reader,.immersive .reader{padding:8vh 22px 30vh}.sheet{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:30px}.sheet-header{padding:17px 20px 13px}.sheet h2{font-size:17px}.settings-group{margin:0 14px 12px;padding:10px 15px}.editor-sheet{height:min(740px,calc(100dvh - 28px))}#script{width:calc(100% - 28px);margin:0 14px 14px;padding:18px;font-size:18px}.save-button{padding:10px 18px}.setting-row{font-size:13px}.setting-link{font-size:13px}.tool-grid>button,.tool-grid>.button{font-size:12px}#paywall{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.paywall-demo{padding:60px max(24px,env(safe-area-inset-right)) 28px max(24px,env(safe-area-inset-left));min-height:380px}.paywall-script{font-size:clamp(1.75rem,7.7vw,2rem)}.paywall-bottom{padding:20px max(24px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.paywall-plan{padding:14px 12px}.paywall-plan strong{font-size:1.75rem}#camera-preview{right:6px;width:98px}}
@media(max-width:359px){.preview-badge{display:none}.brand h1{font-size:15px}.icon-button{width:36px;height:36px}.app-shell{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}.paywall-line-active,.paywall-triangle,.demo-bars i{animation:none}.paywall-line-active,.paywall-triangle{opacity:0}.paywall-script p:first-child .paywall-line-active,.paywall-script p:first-child .paywall-triangle{opacity:1}.demo-bars i{transform:scaleY(.6);opacity:.7}}

/* Public fixed-sample try-out and paid personal-script entry share the reader. */
.reader-action-buttons{display:flex;align-items:center;justify-content:center;gap:14px;max-width:100%}.new-script{min-height:48px;padding:12px 14px;border:1px solid #46533e;border-radius:30px;background:transparent;color:#d8e0d1;font-size:14px;font-weight:600;white-space:nowrap}.new-script:hover{background:#252e21}body[data-reader-mode=sample] .preview-badge{font-size:10px}
@media(max-width:359px){.reader-action-buttons{gap:8px}.reader-action-buttons .primary{min-width:174px;padding-inline:20px;font-size:13px}.new-script{padding-inline:10px;font-size:12px}}
/* Match the native rounded marker; its gutter follows the first line box. */
.reader p{padding-left:0;display:grid;grid-template-columns:max(40px,.8em) minmax(0,1fr)}.reader p.current:before{content:none}.reader-triangle{grid-column:1;grid-row:1;height:1.58em;height:1lh;display:flex;align-items:center;justify-content:flex-start;visibility:hidden;color:var(--accent)}.reader-triangle svg{display:block;width:.48em;height:.62em;fill:currentColor;stroke:none}.reader-line{grid-column:2;grid-row:1;min-width:0;overflow-wrap:anywhere}.reader p.current>.reader-triangle{visibility:visible}
.reader-panel:fullscreen .reader p,.immersive .reader p{grid-template-columns:0 minmax(0,1fr)}.reader-panel:fullscreen .reader-triangle,.immersive .reader-triangle{visibility:hidden!important;width:0}
@media(max-width:650px){.reader p{padding-left:0;grid-template-columns:max(30px,.8em) minmax(0,1fr)}}

/* Keep real model preparation visible without covering the sample. */
.model-download{align-self:center;flex:none;margin:0 0 10px;width:min(410px,100%);padding:0 10px 4px;color:#b8c2af;text-align:left;font-size:12px;line-height:1.5}.model-download-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;color:#dbe5d1}.model-download-heading span:last-child{font-variant-numeric:tabular-nums;color:#d8f58b}.model-download progress{display:block;width:100%;height:4px;border:0;border-radius:8px;overflow:hidden;accent-color:#d8f58b;background:#30372c}.model-download progress::-webkit-progress-bar{background:#30372c;border-radius:8px}.model-download progress::-webkit-progress-value{background:#d8f58b;border-radius:8px}.model-download progress::-moz-progress-bar{background:#d8f58b;border-radius:8px}.model-download p{margin-top:7px;color:#93a187;font-size:11px}.model-download[data-phase=error] .model-download-heading{color:#e8b582}@media(max-width:650px){.model-download{width:min(360px,100%);font-size:11px}.model-download p{font-size:10px}}

/* Keep the reading column and primary action reachable on short windows. */
@media(max-height:540px){.app-shell{padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.app-header{min-height:48px}.reader-toolbar{min-height:36px;padding-top:0}.reader{padding-top:12px;padding-bottom:44px}.reader-actions{min-height:84px;padding-top:8px;gap:6px}}
.paywall-plans{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:560px){.paywall-plans{grid-template-columns:1fr 1fr}.paywall-plan[data-plan="annual"]{grid-column:1/-1}}