@font-face{font-family:Figtree;src:url('/assets/fonts/figtree-latin.woff2') format('woff2');font-weight:300 900;font-style:normal;font-display:swap}
:root{--page:#faf9fc;--surface:#fff;--ink:#24212b;--muted:#665f70;--line:#e3dfe9;--accent:#6144cd;--accent-hover:#5134b7;--lavender:#eeebf8;--reader:#222128;--reader-ink:#f7f5fc;--reader-muted:#bfb8cb;--radius:16px;font-family:Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--page);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--accent);text-underline-offset:4px}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto}::selection{background:#dcd0ff;color:#291b4f}:focus-visible{outline:3px solid #9272ed;outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.skip-link{position:fixed;left:12px;top:-100px;padding:14px;background:white;z-index:100}.skip-link:focus{top:12px}
.site-header{min-height:58px;padding:10px max(28px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--lavender)}
.header-nav{display:flex;align-items:center;gap:26px}.header-link{display:inline-flex;align-items:center;min-height:40px;font-size:14px;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:transparent}.header-link:hover{text-decoration-color:currentColor}.maker-caption{white-space:nowrap}
.guide-example{margin:30px 0;padding:22px 24px;background:var(--lavender);border-radius:12px;max-width:68ch}.guide-example figcaption{font-size:14px;line-height:1.6;font-weight:650;color:var(--ink);margin-bottom:16px}.guide-example pre{font-family:inherit;font-size:16px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:var(--ink)}.guide-table-wrap{max-width:68ch;margin:28px 0;overflow-x:auto}.guide-table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.7;color:var(--muted);font-variant-numeric:tabular-nums}.guide-table caption{text-align:left;font-size:14px;line-height:1.6;font-weight:650;color:var(--ink);padding-bottom:14px}.guide-table th,.guide-table td{text-align:left;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--line)}.guide-table th{color:var(--ink);font-weight:650;background:var(--lavender)}.guide-table th:first-child,.guide-table td:first-child{width:32%;padding-left:12px}.guide-segments{max-width:68ch;margin:28px 0}.guide-segments dt{font-size:17px;line-height:1.5;font-weight:650;margin-top:24px;color:var(--ink)}.guide-segments dd{font-size:16px;line-height:1.9;margin:8px 0 0;color:var(--muted)}
@media(max-width:600px){.header-nav{gap:16px}.header-link{font-size:13px;min-height:44px}.guide-example{padding:20px 18px}.guide-example pre{font-size:15px}.guide-table{font-size:14px}.guide-table th,.guide-table td{padding:12px 10px}.guide-table th:first-child,.guide-table td:first-child{width:35%}}
@media(max-width:420px){.header-nav{gap:18px}.maker-link .maker-caption{display:none}.header-nav .maker-link{min-width:36px;min-height:44px;justify-content:center}.header-nav .maker-link img{margin:0}}
.brand{color:var(--ink);text-decoration:none;font-size:17px;font-weight:750;letter-spacing:-.02em;white-space:nowrap}.brand span{font-weight:450}.maker-link{display:flex;align-items:center;gap:7px;font-size:13px;color:#514567;text-decoration:none;min-height:36px}.maker-link img{border-radius:7px;margin-right:3px}.maker-link b{font-weight:650}.maker-link .icon{width:16px;height:16px;margin-left:3px}main{max-width:1160px;padding:0 32px;margin:auto}
.intro{text-align:center;padding:28px 0 22px}.intro h1{font-size:56px;line-height:1.04;letter-spacing:-.035em;font-weight:700;margin:0}.intro h1 span{color:var(--accent)}.intro p{font-size:16px;line-height:1.65;color:var(--muted);margin:16px auto 10px;max-width:54ch}.offer-facts{display:flex;justify-content:center;gap:25px;font-size:13px;color:var(--muted)}.offer-facts span+span{position:relative}.offer-facts span+span:before{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:#93879e;left:-14px;top:8px}
.workspace{max-width:720px;margin:0 auto}.script-panel{background:var(--reader);color:var(--reader-ink);border-radius:20px;overflow:hidden;box-shadow:0 16px 30px -22px #25202f55}.panel-heading{display:flex;align-items:center;gap:16px;padding:13px 22px;border-bottom:1px solid #ffffff16;min-height:53px}#script-title{min-width:0;width:100%;padding:4px 0;border:0;color:#ded7e8;background:transparent;font-size:13px;font-weight:550}#script-title:focus-visible{outline-offset:3px}.sample-button{border:0;background:transparent;color:#d6c8ff;font-size:13px;font-weight:600;min-height:30px;white-space:nowrap;padding:4px 0}.sample-button:hover{color:white}#script{display:block;width:100%;height:190px;resize:vertical;min-height:160px;max-height:70vh;border:0;background:transparent;color:var(--reader-ink);font-size:20px;line-height:1.75;padding:22px 26px;caret-color:#cbb5ff;outline-offset:-4px;scrollbar-width:thin;scrollbar-color:#655d72 transparent}#script::placeholder{color:#bcb5c8;opacity:1}.script-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 25px 17px;color:#bfb7cc;font-size:12px;font-variant-numeric:tabular-nums}.editor-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:5px 5px 0}.file-actions{display:flex;align-items:center;gap:14px}.text-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 2px;min-height:40px;font-size:13px;color:var(--muted);font-weight:500;text-decoration:none}.text-button .icon{width:15px;height:15px}.text-button:hover{color:var(--accent)}
.launch-row{display:flex;justify-content:center;align-items:flex-start;gap:18px;position:relative;margin-top:12px}.primary-button,.play-button{border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:#fff;min-height:52px;padding:15px 25px;font-size:15px;font-weight:650;text-decoration:none}.primary-button:hover,.play-button:hover{background:var(--accent-hover);color:#fff}.primary-button .icon,.play-button .icon{width:18px;height:18px}.primary-button:disabled{opacity:1;background:#d8d1e9;color:#61556e;cursor:not-allowed}.reader-options{font-size:14px}.reader-options>summary{min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 6px;cursor:pointer;color:var(--muted);list-style:none}.reader-options>summary::-webkit-details-marker{display:none}.reader-options>summary .icon{width:15px;height:15px}.reader-options>summary:hover,.reader-options[open]>summary{color:var(--accent)}.reader-options>.settings-panel{position:absolute;top:calc(100% + 12px);left:0;right:0;z-index:10;background:white}.settings-panel{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px;padding:25px;border-radius:var(--radius);color:var(--ink);text-align:left;border:1px solid var(--line);background:white}.range-control label{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:600}.range-control output{color:var(--muted);font-weight:450;font-variant-numeric:tabular-nums}.range-control input{width:100%;height:24px;margin:10px 0 0;accent-color:var(--accent);display:block;cursor:pointer}.small-setting label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.small-setting select{height:36px;width:100%;border:1px solid #d6d0df;border-radius:6px;background:#f8f6fb;color:var(--ink);padding:5px 9px;font-size:13px}.theme-group{display:flex;align-self:start;gap:5px;background:#f0edf5;padding:4px;border-radius:7px}.theme-group button{min-height:36px;flex:1;background:transparent;border:0;border-radius:5px;font-size:13px}.theme-group button[aria-pressed=true]{color:var(--accent);background:white;font-weight:650}.display-options{display:flex;flex-direction:column;gap:7px}.display-options label{display:flex;align-items:center;gap:9px;min-height:28px;font-size:13px;cursor:pointer}.display-options input{accent-color:var(--accent);width:16px;height:16px;margin:0}.preview-button{grid-column:1/-1;border:0;border-top:1px solid var(--line);padding:14px 0 0;min-height:38px;background:transparent;color:var(--accent);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.preview-button .icon{width:17px;height:17px}.privacy-note{font-size:12px;color:var(--muted);display:flex;justify-content:center;align-items:center;gap:6px;line-height:1.6;margin:16px 0 0}.privacy-note>.icon{width:15px;height:15px}.privacy-note a{color:inherit;margin-left:3px}
.notice{display:flex;gap:12px;align-items:center;background:#eee7f7;border-radius:9px;font-size:13px;line-height:1.5;padding:13px 16px;color:#4e365e;margin-top:10px}.notice>span{margin-right:auto}.notice button{background:transparent;border:0;text-decoration:underline;min-height:36px;color:inherit;font-size:13px}
.content-section{padding:100px 0 0}.content-section h2,.iphone-section h2{font-size:42px;line-height:1.12;letter-spacing:-.03em;font-weight:650;margin:0;text-wrap:balance}.content-section>h2{text-align:center}.instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;list-style:none;counter-reset:steps;max-width:960px;padding:0;margin:45px auto 0}.instructions li{counter-increment:steps;position:relative;padding-top:38px}.instructions li:before{content:counter(steps);position:absolute;top:0;left:0;font-size:15px;color:var(--accent);font-weight:650}.instructions strong{font-size:18px;line-height:1.4;font-weight:650}.instructions p,.features p{font-size:15px;line-height:1.8;color:var(--muted);margin:11px 0 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 45px;margin:45px auto 0;max-width:960px}.features h3{font-size:18px;line-height:1.35;font-weight:650;margin:0}.features-section{padding-top:110px}
.iphone-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:center;margin:110px 0 0;padding:60px 80px;background:var(--lavender);border-radius:20px}.phone-preview{margin:0;text-align:center}.phone-preview>img{display:block;width:220px;max-width:100%;height:auto;margin:auto;border-radius:27px;box-shadow:0 24px 38px -24px #20112c60}.phone-preview figcaption{font-size:12px;line-height:1.5;color:#696074;margin-top:18px}.iphone-copy{min-width:0}.pal-wordmark{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:650;margin-bottom:25px}.pal-wordmark img{border-radius:11px}.iphone-copy h2{font-size:42px}.iphone-copy>p{font-size:16px;line-height:1.8;color:#5b506b;margin:21px 0 23px;max-width:42ch}.iphone-copy .primary-button{font-size:14px;padding:13px 20px;min-height:48px}.iphone-copy .development-note{font-size:12px;line-height:1.7;margin:13px 0 9px;color:#625571;max-width:39ch}.iphone-copy .text-button{font-size:12px;color:#5f5271;justify-content:flex-start;text-align:left}
.section-intro{text-align:center;font-size:16px;line-height:1.8;color:var(--muted);max-width:52ch;margin:22px auto 0}.guide-links{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;max-width:880px;margin:38px auto 0}.guide-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:23px 0;color:var(--ink);text-decoration:none;font-size:16px;font-weight:550}.guide-links a:hover{color:var(--accent)}.guide-links .icon{width:18px;height:18px;color:var(--accent)}.faq-list{max-width:760px;margin:42px auto 0}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{font-size:16px;font-weight:550;cursor:pointer;list-style:none;padding:23px 33px 23px 0;position:relative;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:6px;top:19px;font-size:24px;font-weight:400;color:var(--muted)}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:15px;line-height:1.9;color:var(--muted);margin:0 30px 25px 0}.site-footer{max-width:1096px;margin:100px auto 0;border-top:1px solid var(--line);padding:30px 0 40px;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:13px}.site-footer .brand{font-size:15px}.site-footer p{color:var(--muted);font-size:13px;margin:9px 0 0}.site-footer p a{color:inherit}.site-footer nav{display:flex;gap:24px;align-items:center}.site-footer nav a{color:var(--muted);min-height:36px;display:flex;align-items:center;text-decoration:none}.site-footer nav a:hover{color:var(--accent)}
/* The focused reader owns its controls; the homepage stays a single entry flow. */
body.is-reading{overflow:hidden}.is-reading .site-header,.is-reading .site-footer,.is-reading main>section:not(.reader-panel),.is-reading noscript{display:none!important}.reader-panel{--reader-font:58px;--reader-width:84%;--guide-height:81.2px;position:fixed;inset:0;z-index:30;height:100vh;height:100dvh;width:100%;background:var(--reader);color:var(--reader-ink);display:flex;flex-direction:column}.reader-button{min-width:44px;min-height:44px;border:0;border-radius:7px;background:transparent;color:var(--reader-muted);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;font-size:13px}.reader-button:hover{background:#ffffff12;color:var(--reader-ink)}.reader-button .icon{width:19px;height:19px}#fullscreen{display:none}.reader-stage{position:relative;min-height:0;flex:1;overflow:hidden}.reader-window{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#645c72 transparent;position:relative;outline-offset:-4px;overflow-anchor:none;scroll-behavior:auto;cursor:text}.reader-copy{color:var(--script-color,var(--reader-ink));text-align:var(--reader-align,left);font-family:Figtree,sans-serif;font-size:var(--reader-font);line-height:1.42;font-weight:550;letter-spacing:-.015em;width:var(--reader-width);margin:0 auto;position:relative;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}.reader-copy p{margin:0}.reading-guide{position:absolute;top:32%;left:0;right:0;height:var(--guide-height);pointer-events:none;background:#ffffff07;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16}.reading-guide span{position:absolute;left:14px;top:calc(50% - 4px);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #c6afff}.reader-panel.is-mirror-y .reading-guide{top:calc(68% - var(--guide-height))}.reader-window.mirror-x{transform:scaleX(-1)}.reader-window.mirror-y{transform:scaleY(-1)}.reader-window.mirror-x.mirror-y{transform:scale(-1,-1)}.empty-preview,.countdown-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px}.empty-preview{color:var(--reader-muted)}.empty-preview p{font-size:28px;color:var(--reader-ink)}.empty-preview span{font-size:14px}.countdown-overlay{background:var(--reader)}.countdown-overlay>span{font-size:82px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums}.countdown-overlay p{font-size:15px;color:var(--reader-muted);margin-top:20px}.reader-progress{display:flex;align-items:center;gap:17px;padding:11px 28px 0;font-size:12px;color:var(--reader-muted);font-variant-numeric:tabular-nums}.reader-progress span{white-space:nowrap}progress{appearance:none;-webkit-appearance:none;width:100%;height:2px;border:0;background:#ffffff20;border-radius:2px;display:block}progress::-webkit-progress-bar{background:#ffffff20;border-radius:2px}progress::-webkit-progress-value{background:#bda0ff;border-radius:2px}progress::-moz-progress-bar{background:#bda0ff}.transport{display:flex;justify-content:center;align-items:center;gap:30px;min-height:74px;padding:12px 28px}.transport-secondary{display:flex;gap:5px}.play-button{min-height:46px;min-width:150px;padding:12px 22px;font-size:14px}.key-hint{font-size:12px;color:var(--reader-muted)}.focus-adjustments{display:flex;justify-content:center;gap:40px;padding:0 20px 18px;color:var(--reader-muted);font-size:13px;flex:none}.focus-adjustments>div{display:flex;gap:12px;align-items:center}.focus-adjustments button{height:44px;min-width:44px;background:#ffffff0a;border:1px solid #ffffff20;color:var(--reader-ink);border-radius:7px;font-size:15px}.focus-adjustments button:hover{background:#ffffff16}.focus-adjustments span{min-width:75px;text-align:center;font-variant-numeric:tabular-nums}.focus-adjustments b{font-weight:500}.finished-offer{display:flex;justify-content:center;align-items:center;gap:18px;background:#39304e;padding:15px 20px;color:#eee5ff;font-size:14px}.finished-offer a{color:#eee5ff;display:flex;align-items:center;gap:8px}.finished-offer .icon{width:17px;height:17px}.reader-panel.paper{--reader:#fcfaf4;--reader-ink:#25212b;--reader-muted:#645c70}.reader-panel.paper .reader-button:hover{background:#6144cd0e;color:#302341}.reader-panel.paper .reading-guide{background:#6144cd07;border-color:#6144cd20}.reader-panel.paper .countdown-overlay{background:var(--reader)}.reader-panel.paper .focus-adjustments button{background:#6144cd09;border-color:#6144cd25}.reader-panel.paper progress,.reader-panel.paper progress::-webkit-progress-bar{background:#25212b20}
/* Crawlable supporting guides use the same type, measure and navigation. */
.guide-page{max-width:820px;padding-top:55px;padding-bottom:20px}.guide-page .back-link{display:inline-block;font-size:14px;margin-bottom:30px;min-height:28px}.guide-page h1{font-size:48px;line-height:1.12;font-weight:650;letter-spacing:-.03em;margin:0 0 23px;text-wrap:balance}.guide-page .lede{font-size:20px;line-height:1.7;color:var(--muted);margin-bottom:30px}.guide-page p,.guide-page li{font-size:16px;line-height:1.9;color:var(--muted);max-width:68ch}.guide-page h2{font-size:27px;line-height:1.3;letter-spacing:-.02em;margin:45px 0 15px;font-weight:650}.guide-page li{padding-left:6px;margin:12px 0}.guide-action{display:inline-flex;padding:14px 20px;min-height:48px;align-items:center;background:var(--accent);border-radius:8px;color:white;text-decoration:none;font-size:14px;font-weight:600}.guide-action:hover{background:var(--accent-hover);color:white}.guide-note{padding:18px 21px;background:var(--lavender);border-radius:12px;font-size:15px!important}.setup-diagram{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:32px 0;background:var(--lavender);border-radius:14px;padding:25px}.setup-diagram>div{padding:18px;background:#faf8ff;border-radius:8px}.setup-diagram strong{font-size:16px}.setup-diagram p{font-size:14px;margin:9px 0 0}.privacy-list li{margin:22px 0}.guide-page+.site-footer{max-width:756px}
@media(max-width:900px){.site-header{padding:12px 26px}main{padding:0 26px}.iphone-section{padding:45px;gap:45px}.iphone-copy h2{font-size:36px}.site-footer{margin-left:26px;margin-right:26px}.instructions{gap:28px}.features{gap:32px}.key-hint{display:none}}
@media(max-width:600px){.site-header{padding:11px 18px;min-height:58px;gap:12px}.brand{font-size:13px}.brand span{display:none}.maker-link{font-size:12px;gap:5px}.maker-link img{width:24px;height:24px;margin-right:0}.maker-link b{font-weight:600}.maker-link .icon{display:none}main{padding:0 20px}.intro{padding:30px 0 24px}.intro h1{font-size:46px;line-height:1.04}.intro p{font-size:15px;line-height:1.65;margin:17px 0 13px}.intro p br{display:none}.intro p br:after{content:" "}.offer-facts{font-size:12px;gap:22px}.offer-facts span+span:before{left:-12px;top:7px}.script-panel{border-radius:16px}.panel-heading{padding:11px 17px;gap:10px;min-height:48px}#script-title{font-size:12px}.sample-button{font-size:12px;min-height:30px}#script{height:210px;padding:18px 19px;font-size:18px;line-height:1.75}.script-bottom{padding:10px 18px 15px;font-size:12px;gap:10px}.editor-actions{padding-top:4px;gap:6px}.file-actions{gap:12px}.text-button{font-size:12px;gap:5px;min-height:38px}.text-button .icon{width:14px;height:14px}.launch-row{gap:14px;align-items:flex-start;margin-top:11px}.primary-button{font-size:14px;min-height:50px;padding:14px 19px;gap:10px}.reader-options>summary{font-size:13px;min-height:50px;padding:14px 0;gap:5px}.reader-options>summary .icon{width:13px;height:13px}.privacy-note{font-size:12px;line-height:1.7;display:block;text-align:center;margin-top:15px}.privacy-note>.icon{display:none}.privacy-note a{display:inline-block;margin-left:3px}.settings-panel{gap:22px;padding:21px}.display-options{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:8px 20px}.display-options label{font-size:12px}.small-setting select{height:38px}.content-section{padding-top:70px}.content-section h2,.iphone-section h2{font-size:32px;line-height:1.16}.instructions{grid-template-columns:1fr;gap:25px;margin-top:32px;padding:0 8px}.instructions li{padding:0 0 0 33px}.instructions li:before{font-size:16px;top:1px}.instructions strong{font-size:17px}.instructions p,.features p{font-size:15px;line-height:1.8;margin-top:8px}.features{grid-template-columns:1fr;gap:25px;margin-top:32px;padding:0 8px}.features h3{font-size:17px}.iphone-section{grid-template-columns:1fr;gap:34px;margin-top:70px;padding:32px 26px;border-radius:16px}.phone-preview>img{width:190px;border-radius:24px}.phone-preview figcaption{font-size:12px;margin-top:15px}.iphone-copy{max-width:420px;margin:auto;text-align:left}.pal-wordmark{font-size:16px;margin-bottom:23px;gap:11px}.pal-wordmark img{width:40px;height:40px;border-radius:10px}.iphone-copy>p{font-size:15px;margin:18px 0 23px}.iphone-copy .primary-button{font-size:13px;padding:13px 17px;width:100%}.iphone-copy .development-note{font-size:12px;max-width:none}.iphone-copy .text-button{font-size:12px;width:100%}.section-intro{font-size:15px;margin-top:19px}.guide-links{grid-template-columns:1fr;margin-top:25px}.guide-links a{font-size:15px;padding:21px 0}.faq-list{margin-top:28px}.faq-list summary{font-size:15px;padding:20px 28px 20px 0}.faq-list summary:after{top:16px;right:2px}.faq-list p{font-size:14px;line-height:1.9;margin-right:8px}.site-footer{margin:70px 20px 0;padding:26px 0 30px;flex-direction:column;align-items:flex-start;gap:20px}.site-footer .brand{font-size:15px}.site-footer p{font-size:13px}.site-footer nav{gap:9px 23px;flex-wrap:wrap;font-size:12px}.reader-button{padding:8px;gap:5px;font-size:12px}#fullscreen{display:none!important}.reader-copy{font-size:var(--reader-font)}.reading-guide span{left:7px}.reader-progress{padding:11px 17px 0;gap:12px;font-size:12px}.transport{justify-content:space-between;gap:15px;padding:10px 14px;min-height:68px}.transport-secondary{gap:0}.play-button{min-width:130px;min-height:45px;padding:11px 19px;font-size:13px}.focus-adjustments{gap:26px;padding:0 16px 15px;padding-bottom:max(15px,env(safe-area-inset-bottom));font-size:12px}.focus-adjustments>div{gap:9px}.focus-adjustments button{min-width:44px;height:44px}.focus-adjustments span{min-width:66px}.finished-offer{font-size:12px;line-height:1.5;padding:11px 16px;flex-wrap:wrap;gap:7px}.guide-page{padding-top:32px}.guide-page h1{font-size:36px}.guide-page .lede{font-size:18px}.guide-page p,.guide-page li{font-size:15px}.guide-page h2{font-size:25px}.setup-diagram{gap:12px;padding:15px}.setup-diagram>div{padding:13px}.setup-diagram p{font-size:13px}.guide-page+.site-footer{margin-top:50px}}
@media(max-width:360px){main{padding:0 16px}.site-header{padding-inline:16px}.maker-link{font-size:11px}.brand{font-size:12px}.intro h1{font-size:42px}.primary-button{padding-inline:14px;font-size:13px}.launch-row{gap:13px}.reader-options>summary{font-size:12px}.privacy-note{font-size:12px}.focus-adjustments{gap:16px}.focus-adjustments>div{gap:6px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.reader-page{background:var(--reader)}.reader-noscript{padding:32px;color:white;font-size:18px}.reader-noscript a{color:#d0baff}

/* Reading preferences extend the existing white settings panel. */
.settings-panel>*{min-width:0}.setting-label,.color-setting>label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.settings-panel .small-setting select{min-height:44px}.settings-panel .theme-group{gap:3px}.settings-panel .theme-group button{min-width:0;min-height:36px;padding:4px;font-size:12px}.color-field{display:flex;align-items:center;min-height:44px;border:1px solid var(--line);border-radius:6px;background:#f8f6fb;overflow:hidden}.color-field input[type=color]{width:44px;height:44px;flex:none;border:0;padding:6px;background:transparent;cursor:pointer}.color-field input[type=text]{width:100%;min-width:0;min-height:44px;padding:8px 6px;border:0;background:transparent;color:var(--ink);font-size:13px;letter-spacing:.01em}.color-field input:focus-visible{outline-offset:-3px}.color-help{grid-column:1/-1;font-size:12px;line-height:1.6;color:var(--muted);margin:0}.settings-panel .display-options{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:4px 18px}.settings-panel .display-options label{min-height:36px}

/* Always-visible controls belong to the full-window reader. */
.reader-options .reader-advanced{display:none}
.reader-panel{--reader-toolbar-height:80px}
.reader-toolbar{display:grid;grid-template-columns:auto auto minmax(270px,480px) auto;justify-content:center;align-items:start;gap:24px;padding:10px 24px;flex:none;border-bottom:1px solid color-mix(in srgb,var(--reader-ink) 16%,transparent);color:var(--reader-ink)}
.toolbar-actions,.toolbar-colors{display:flex;align-items:flex-start;gap:8px;min-width:0}
.reader-toolbar .play-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;width:44px;min-height:44px;padding:10px;border:0;border-radius:7px;background:var(--accent);color:white}
.reader-toolbar #play-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.reader-toolbar .play-button .icon{width:22px;height:22px}
.toolbar-alignment{display:grid;grid-template-rows:44px auto;gap:4px;font-size:11px;line-height:1.5}
.toolbar-alignment select{width:82px;min-height:44px;padding:4px 5px;border:1px solid color-mix(in srgb,var(--reader-ink) 35%,transparent);border-radius:5px;color:var(--reader-ink);background:var(--reader);font-size:13px}
.reader-toolbar .reader-button{color:var(--reader-ink)}
.mirror-toggle[aria-pressed=true]{background:color-mix(in srgb,var(--reader-ink) 15%,transparent);box-shadow:inset 0 0 0 1px var(--reader-muted)}
.toolbar-colors{gap:12px}
.toolbar-colors label{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;line-height:1.5;cursor:pointer;white-space:nowrap}
.toolbar-colors input[type=color]{width:52px;height:44px;min-height:44px;padding:3px;border:1px solid color-mix(in srgb,var(--reader-ink) 40%,transparent);border-radius:5px;background:transparent;cursor:pointer}
.toolbar-ranges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;min-width:0}
.toolbar-ranges>div{display:grid;grid-template-rows:44px auto;gap:4px;min-width:0}
.toolbar-ranges input{display:block;width:100%;height:44px;margin:0;accent-color:#bda0ff;cursor:pointer}
.toolbar-ranges label{display:flex;justify-content:space-between;gap:4px;font-size:11px;line-height:1.5;white-space:nowrap}
.toolbar-ranges output{font-variant-numeric:tabular-nums}
.record-button{min-height:44px;padding:10px 15px;border:1px solid var(--reader-muted);border-radius:7px;background:transparent;color:var(--reader-ink);font-size:13px;font-weight:600;white-space:nowrap}
.record-button:hover{background:color-mix(in srgb,var(--reader-ink) 10%,transparent)}
.toolbar-contrast{grid-column:1/-1;margin:0;font-size:12px;line-height:1.5}
.is-reading .focus-adjustments{display:none}
.reader-panel .transport{min-height:60px;padding:8px 24px;justify-content:space-between}
.camera-panel{position:absolute;right:24px;z-index:40;width:420px;max-width:calc(100% - 32px);overflow:auto;overscroll-behavior:contain;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 18px 45px -18px #100c2055}
.camera-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.camera-heading h3{font-size:20px;font-weight:650;letter-spacing:-.02em;margin:0}
.camera-heading button{min-height:44px;min-width:44px;border:0;background:transparent;color:var(--muted);font-size:13px}
.camera-panel p{font-size:13px;line-height:1.65;color:var(--muted);margin:10px 0 18px}
.camera-options{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:16px;margin:20px 0}
.camera-options label{font-size:13px;font-weight:600;min-width:0}
.camera-options select{display:block;width:100%;min-height:44px;margin-top:8px;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--page);color:var(--ink);font-size:13px}
.camera-options .microphone-option{display:flex;align-items:center;gap:7px;min-height:44px;font-size:12px;font-weight:500}
.microphone-option input{accent-color:var(--accent);width:17px;height:17px;flex:none}
#camera-preview{display:block;width:100%;max-height:220px;object-fit:contain;background:#15121b;border-radius:7px}
#camera-preview.self-preview{transform:scaleX(-1)}
.camera-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.camera-actions .primary-button{font-size:13px;min-height:44px;padding:11px 16px;text-decoration:none}
.camera-panel .camera-note{margin:18px 0 0;font-size:12px;line-height:1.7}
.recording-bar{display:flex;align-items:center;justify-content:center;gap:20px;flex:none;min-height:50px;padding:3px 20px;background:#3c1721;color:#fff1f3;font-size:13px}
#recording-state{font-weight:600}
#recording-time{font-variant-numeric:tabular-nums;min-width:38px}
.recording-bar button{min-height:44px;padding:8px 12px;border:0;border-radius:5px;background:transparent;color:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px}
#stop-recording{background:#fff1f3;color:#74172e;text-decoration:none;font-weight:600}
@media(max-width:1100px){.reader-toolbar{gap:14px;padding-inline:16px;grid-template-columns:auto auto minmax(0,1fr) auto}.toolbar-ranges{gap:12px}.toolbar-ranges label{flex-direction:column;align-items:center;gap:0}.toolbar-actions{gap:4px}}
@media(max-width:760px){.reader-toolbar{grid-template-columns:1fr auto;gap:9px 14px;padding:10px 14px 12px}.toolbar-actions{grid-column:1;grid-row:1;gap:3px}.record-button{grid-column:2;grid-row:1;font-size:12px;padding-inline:10px}.toolbar-alignment select{width:70px}.toolbar-colors{grid-column:1/-1;grid-row:2;justify-content:center;gap:20px}.toolbar-colors label{flex-direction:row;align-items:center;gap:8px}.toolbar-colors input[type=color]{width:42px;height:28px;min-height:28px}.toolbar-ranges{grid-column:1/-1;grid-row:3;gap:20px}.toolbar-ranges label{flex-direction:row;justify-content:space-between}.toolbar-contrast{grid-row:4}.camera-panel{right:12px;width:420px;max-width:calc(100% - 24px);padding:18px}.recording-bar{gap:8px;padding-inline:8px;font-size:12px}.recording-bar button{padding-inline:8px;font-size:12px}}
@media(max-width:600px){.reader-panel .transport{min-height:58px;padding:6px 14px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.toolbar-ranges{gap:13px}.toolbar-ranges label{font-size:11px}.toolbar-actions .reader-button{min-width:44px;width:44px}.reader-toolbar .play-button{min-width:44px;width:44px}.camera-panel{border-radius:12px}.camera-options{gap:12px}.camera-panel p{margin-bottom:14px}}
@media(max-width:360px){.reader-toolbar{padding-inline:10px;gap:8px}.toolbar-actions .reader-button{min-width:44px;width:44px}.toolbar-alignment select{width:54px}.record-button{padding-inline:8px}.toolbar-ranges{gap:10px}}

/* One top adjustment row; secondary controls sit below the reading stage. */
.camera-panel{top:calc(var(--reader-toolbar-height) + 8px);max-height:calc(100dvh - var(--reader-toolbar-height) - 24px)}
.reader-extras{display:flex;flex-wrap:wrap;align-items:center;gap:20px;color:var(--reader-muted);font-size:12px}
.reader-countdown{display:flex;align-items:center;gap:9px;white-space:nowrap}
.reader-countdown select{min-height:44px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--reader-ink) 30%,transparent);border-radius:6px;background:var(--reader);color:var(--reader-ink);font-size:12px}
.reader-guide{display:flex;align-items:center;gap:8px;min-height:44px;white-space:nowrap;cursor:pointer}
.reader-guide input{width:16px;height:16px;margin:0;accent-color:#bda0ff}
.reader-presets{display:flex;gap:3px}
.reader-presets button{min-height:44px;min-width:44px;padding:8px;border:0;border-radius:6px;background:transparent;color:var(--reader-ink);font-size:12px}
.reader-presets button[aria-pressed=true]{background:color-mix(in srgb,var(--reader-ink) 12%,transparent)}
.reader-presets button:hover{background:color-mix(in srgb,var(--reader-ink) 18%,transparent)}
.reader-panel .transport{gap:16px}
#fullscreen[aria-pressed=true]{background:color-mix(in srgb,var(--reader-ink) 15%,transparent)}
@media(max-width:760px){.reader-panel .transport{flex-wrap:wrap;gap:0 12px}.transport-secondary{margin-left:auto}.reader-extras{flex-basis:100%;justify-content:space-between;gap:10px}.reader-countdown{gap:7px}.reader-guide{gap:6px}.reader-panel .key-hint{display:none}}

/* Paused scripts edit directly on the reading surface. */
.reader-navigation{display:flex;align-items:center;flex:none}
.reader-copy{min-height:1.42em;caret-color:var(--script-color,var(--reader-ink));outline-offset:8px}
.reader-copy[data-empty=true]::before{content:attr(data-placeholder);color:var(--reader-muted);pointer-events:none}
.reader-copy:focus{outline:2px solid var(--focus);border-radius:2px}
.reader-window:has(.reader-copy:focus[contenteditable="plaintext-only"]){transform:none}
#reader-edit-status{display:none}
.is-editing #reader-edit-status{display:inline}
.is-editing #time-remaining{display:none}