.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}
.app-playground{padding-block:80px 78px}.apps-intro{display:flex;align-items:end;justify-content:space-between;gap:40px}.apps-intro .eyebrow{margin-bottom:22px}.apps-intro>p{font-size:16px;line-height:1.7;color:var(--muted);padding-bottom:3px}.demo-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;margin-top:46px}.demo-app{min-width:0;border-top:1px solid var(--line);padding-top:27px}.demo-brand{display:flex;gap:12px;align-items:center;margin-bottom:25px}.demo-brand img{width:39px;height:39px;border-radius:10px}.demo-brand h3{font-size:17px;letter-spacing:-.5px;line-height:1.2;font-weight:550}.demo-status{font-size:10px;color:var(--muted);margin-left:auto;white-space:nowrap}.demo-status:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#b6cabb;margin-right:7px;vertical-align:2px}.demo-status-soon:before{background:var(--pink)}
.iphone{position:relative;isolation:isolate;width:100%;aspect-ratio:2.12;container-type:inline-size;padding:10px;background:#0b0b0c;border:1px solid #807f83;border-radius:42px;box-shadow:inset 0 0 0 2px #353438,inset 0 0 0 4px #0b0b0c,0 18px 35px #0004,0 2px 3px #000a;color:#fff}.iphone:before,.iphone:after{content:'';position:absolute;height:2px;background:#777579;border:1px solid #252426;z-index:-1;border-radius:3px;top:-3px}.iphone:before{left:20%;width:14%}.iphone:after{left:41%;width:9%}.iphone-camera{position:absolute;left:16px;top:50%;width:10px;height:55px;transform:translateY(-50%);background:#090909;border-radius:20px;z-index:3;pointer-events:none}.iphone-camera:after{content:'';position:absolute;left:3px;top:8px;width:4px;height:4px;border-radius:100%;background:#11141f;box-shadow:0 0 2px #1e2439}.iphone-home{position:absolute;bottom:14px;left:42%;width:16%;height:3px;border-radius:5px;background:#ffffff58;z-index:4;pointer-events:none}.clock-face{appearance:none;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background:#000;color:#fff;border:0;border-radius:32px;cursor:pointer;padding:24px 30px}.clock-face time{font-size:14.6cqw;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.055em;font-weight:350;white-space:nowrap}.clock-face.no-seconds time{font-size:22cqw}.clock-face.light{background:#fff;color:#000}.iphone-clock:has(.light) .iphone-home{background:#0006}.clock-face:focus-visible{outline:2px solid var(--pink);outline-offset:-7px}.demo-hint{font-size:11px;color:var(--muted);margin-top:17px;min-height:39px;line-height:1.7}.demo-hint>span:not(.demo-live-dot){display:block;color:#9e969f}.demo-live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--pink);margin-right:6px;vertical-align:1px}.demo-description{margin-top:24px}.demo-description h4{font-size:25px;font-weight:550;line-height:1.2;letter-spacing:-.8px;margin:0}.demo-description p{font-size:15px;line-height:1.75;max-width:48ch;color:var(--muted);margin-top:14px}.demo-description ul{list-style:none;padding:0;margin:17px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.demo-description li{padding-left:14px;position:relative;margin-top:6px}.demo-description li:before{content:'·';position:absolute;left:0;color:var(--pink)}.demo-links{display:flex;align-items:center;flex-wrap:wrap;gap:5px 24px;margin-top:25px;min-height:52px}.demo-links .button{font-size:13px;min-height:48px;padding:12px 16px;gap:24px}.demo-links .text-link{font-size:12px;gap:12px}.demo-coming{font-size:13px;color:var(--pink);line-height:1.7;min-height:44px;display:flex;align-items:center}.demo-availability{font-size:11px;line-height:1.7;color:#a99eab;margin-top:12px;max-width:48ch}
.prompter-screen{position:relative;height:100%;background:#000;border-radius:32px;overflow:hidden}.prompter-top{position:absolute;inset:7px 24px auto 30px;display:flex;align-items:center;justify-content:space-between;gap:15px;height:36px;z-index:2}.prompter-top button{display:flex;align-items:center;gap:6px;color:#c9c4ca;font-size:10px;min-height:36px;background:transparent;border:0;padding:0 7px;cursor:pointer}.prompter-top svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.3}.prompter-top>span{font-size:9px;line-height:1.2;color:#8c888d}.prompter-window{position:absolute;inset:54px 30px 58px 36px;overflow:hidden;cursor:pointer;outline-offset:3px;mask-image:linear-gradient(#000 0%,#000 74%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 74%,transparent 100%)}.prompter-copy{font-size:clamp(16px,4.3cqw,24px);font-weight:400;letter-spacing:-.025em;line-height:1.55;padding:0 9px 0 16px;will-change:transform;white-space:normal;overflow-wrap:anywhere}.prompter-copy p{line-height:inherit;white-space:pre-wrap}.prompter-copy p+p{margin-top:1.2em}.reading-mark{position:absolute;left:0;top:0;z-index:1;font-size:22px;line-height:1.6;color:#a9a4aa}.prompter-controls{position:absolute;bottom:12px;left:31px;right:25px;height:44px;display:flex;align-items:center;gap:3px;background:#000}.prompter-controls>button{display:grid;place-content:center;min-width:40px;min-height:44px;background:transparent;border:0;color:#f7f3f4;cursor:pointer;border-radius:8px;padding:9px}.prompter-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.prompter-controls .play-icon{fill:currentColor;stroke:none}.prompter-controls .pause-icon{fill:currentColor;stroke:none;display:none}.prompter-controls [aria-pressed=true] .play-icon{display:none}.prompter-controls [aria-pressed=true] .pause-icon{display:block}.prompter-controls>button:hover,.prompter-top button:hover{background:#ffffff12}.speed-control{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding-left:10px}.speed-control input{width:100%;min-width:0;accent-color:#f7f3f4;cursor:pointer;height:44px;margin:0}.speed-control output{font-size:10px;min-width:27px;text-align:right;color:#aaa4ac;font-variant-numeric:tabular-nums}.iphone button:focus-visible,.iphone input:focus-visible,.iphone textarea:focus-visible,.prompter-window:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.iphone .clock-face:focus-visible{outline-offset:-7px}.prompter-editor{position:absolute;inset:10px;z-index:5;background:#111013;border-radius:32px;padding:16px 29px 17px 34px;display:flex;flex-direction:column;gap:10px}.prompter-editor[hidden]{display:none}.prompter-editor>label{font-size:12px;color:#f7f3f4;font-weight:500}.prompter-editor textarea{flex:1;min-height:40px;width:100%;resize:none;background:#242127;border:1px solid #4c444e;color:#f7f3f4;border-radius:5px;font:13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding:8px 10px}.prompter-editor>div{display:flex;justify-content:space-between;gap:20px;align-items:center}.prompter-editor button{background:none;border:0;color:#beb4c1;cursor:pointer;min-height:34px;padding:5px 1px;font-size:11px}.prompter-editor button[type=submit]{color:var(--pink)}.prompter-editor button span{margin-left:12px}
@media(max-width:1100px){.demo-app-grid{gap:34px}.demo-brand{gap:10px}.demo-brand h3{font-size:15px}.iphone{border-radius:34px;padding:8px}.clock-face,.prompter-screen{border-radius:26px}.iphone-camera{left:12px;height:44px;width:9px}.iphone-home{bottom:11px}.demo-status{font-size:9px}.demo-description h4{font-size:23px}.prompter-window{inset:44px 24px 51px 28px}.prompter-top{inset:3px 18px auto 22px}.prompter-controls{left:22px;right:18px;bottom:7px}.prompter-editor{inset:8px;border-radius:26px;padding:12px 20px 9px 26px;gap:6px}}
@media(min-width:701px) and (max-width:900px){.demo-app-grid{grid-template-columns:1fr;max-width:660px;margin-inline:auto;gap:40px}.demo-brand h3{font-size:18px}.demo-description{margin-top:20px}.demo-description p{max-width:58ch}.demo-status{font-size:11px}.iphone{border-radius:42px;padding:10px}.clock-face,.prompter-screen{border-radius:32px}.prompter-window{inset:58px 38px 65px 38px}.prompter-controls{bottom:15px;left:33px;right:30px}.prompter-top{inset:8px 30px auto 32px}}
@media(max-width:700px){.app-playground{padding-block:42px 40px}.apps-intro{display:block}.apps-intro .eyebrow{margin-bottom:21px}.apps-intro>p{margin-top:21px;font-size:15px}.demo-app-grid{grid-template-columns:1fr;gap:38px;margin-top:29px}.demo-app{padding-top:23px}.demo-brand{margin-bottom:23px;gap:11px}.demo-brand h3{font-size:16px;letter-spacing:-.45px}.demo-brand img{width:35px;height:35px;border-radius:9px}.demo-status{font-size:9px}.iphone{aspect-ratio:1.92;border-radius:29px;padding:7px}.clock-face,.prompter-screen{border-radius:22px}.iphone-camera{left:10px;width:8px;height:39px}.iphone-home{bottom:10px;height:2px}.clock-face{padding:18px 25px}.clock-face time{font-size:15cqw}.demo-hint{font-size:10px;margin-top:14px;min-height:34px}.demo-description{margin-top:21px}.demo-description h4{font-size:26px}.demo-description p{font-size:15px;margin-top:13px}.demo-description ul{font-size:12px}.demo-links{gap:5px 22px;margin-top:21px}.demo-links .button{font-size:12px;gap:17px}.demo-links .text-link{font-size:12px;gap:9px}.demo-availability{font-size:10px;margin-top:10px}.prompter-top{inset:0 14px auto 18px;height:32px}.prompter-top button{min-height:32px;font-size:9px}.prompter-top>span{font-size:8px}.prompter-window{inset:38px 19px 49px 22px}.prompter-copy{font-size:16px;padding-left:13px}.reading-mark{font-size:18px}.prompter-controls{left:18px;right:15px;bottom:4px;gap:0;height:44px}.prompter-controls>button{min-width:36px;width:36px;padding:7px}.prompter-controls svg{width:15px;height:15px}.speed-control{padding-left:6px;gap:10px}.speed-control output{font-size:9px;min-width:25px}.prompter-editor{inset:7px;border-radius:22px;padding:9px 17px 6px 24px;gap:5px}.prompter-editor>label{font-size:10px}.prompter-editor textarea{font-size:12px;padding:5px 7px}.prompter-editor button{min-height:30px;font-size:10px}}
@media(max-width:360px){.demo-brand{gap:8px}.demo-brand h3{font-size:14px}.demo-status{font-size:8px}.demo-brand img{width:31px;height:31px;border-radius:8px}.iphone{aspect-ratio:1.75}.prompter-copy{font-size:15px}.prompter-top>span{font-size:7px}.demo-links{gap:2px 19px}}

/* Optical and interaction refinement after desktop and mobile review. */
.clock-face time{font-size:19cqw}.clock-face.no-seconds time{font-size:28cqw}
.demo-hint{font-size:12px;color:#c7bec9;line-height:1.7;min-height:21px;margin-top:18px}
.prompter-top{inset:3px 23px auto 27px;height:44px}.prompter-top button{font-size:12px;min-height:44px;padding:0 10px;color:#eee8f0}.prompter-top svg{width:12px;height:12px}.prompter-top>span{font-size:10px;color:#b2aab5}.prompter-copy{line-height:1.5}.prompter-copy p+p{margin-top:.65em}.prompter-controls>button{min-width:44px;min-height:44px}.prompter-editor button{min-height:44px;font-size:12px}.prompter-editor{padding-bottom:9px}
@media(max-width:700px){.clock-face time{font-size:19cqw}.demo-hint{font-size:12px;min-height:21px;margin-top:16px}.prompter-top{inset:0 12px auto 15px;height:44px}.prompter-top button{min-height:44px;font-size:11px;padding:0 8px}.prompter-top>span{font-size:9px}.prompter-window{inset:45px 18px 49px 22px}.prompter-copy{font-size:16px;line-height:1.5}.prompter-copy p+p{margin-top:.55em}.prompter-controls>button{min-width:44px;width:44px}.prompter-editor{padding-top:7px;padding-bottom:5px}.prompter-editor>label{font-size:11px}.prompter-editor button{min-height:37px;font-size:11px}.prompter-editor textarea{min-height:35px}.demo-description{margin-top:23px}}
@media(max-width:360px){.prompter-top button{font-size:10px}.prompter-top>span{font-size:8px}.prompter-copy{font-size:15px}}

.speed-label{font-size:10px;color:#b5adb8}.speed-control{gap:9px}@media(max-width:700px){.speed-label{font-size:9px}.speed-control{gap:7px}}
/* One physical device geometry at every viewport: 3000 × 1470. */
.iphone{aspect-ratio:3000/1470!important;padding:0!important;border-radius:8%/16.33%!important;background:linear-gradient(165deg,#8d8b90 0%,#343337 7%,#080809 15%,#242326 52%,#0a0a0b 83%,#77757b 96%,#242326 100%);border:1px solid #56545a;box-shadow:inset 0 0 0 2px #1b1b1d,inset 0 0 0 4px #48464b,0 16px 30px #0004;color:#fff;container-type:inline-size}
.phone-display{position:absolute;left:2.2%;top:5.10204%;width:95.6%;height:89.795918%;border-radius:6.2%/13.5%;overflow:hidden;background:#000;color:#fff;container-type:inline-size;--device-scale:.58}
.iphone-camera{left:4.4%;top:49.5%;width:1.1%;height:2.25%;border-radius:100%;background:radial-gradient(circle at 45% 45%,#263058 0%,#0c1022 30%,#050509 58%,#0a0a0e 100%);box-shadow:0 0 3px #030304;transform:translateY(-50%)}.iphone-camera:after{display:none}.iphone:before{top:-2px;left:31%;width:11%;height:2px}.iphone:after{top:auto;bottom:-2px;left:43%;width:8%;height:2px}.iphone-home{display:none}
.clock-face{position:absolute;inset:0;width:100%;height:100%;padding:20px;border-radius:0!important}.clock-face time{font-size:19cqw}.clock-face.no-seconds time{font-size:28cqw}
.prompter-screen{position:absolute;inset:0;height:100%;border-radius:0!important;background:inherit;color:inherit;--native-gutter:calc(82px * var(--device-scale));overflow:hidden}.prompter-screen[hidden],.prompter-editor[hidden]{display:none!important}.phone-display.is-light{background:#fff;color:#000}
.prompter-top{inset:0 var(--native-gutter) auto;display:flex;align-items:center;justify-content:space-between;height:calc(44px * var(--device-scale));gap:10px;transition:opacity .15s}.prompter-top button{font-size:max(10px,calc(17px * var(--device-scale)));color:inherit;min-height:0;height:100%;padding:0;background:none;border:0;cursor:pointer}.prompter-top>span{font-size:max(8px,calc(13px * var(--device-scale)));color:inherit;opacity:.65}.is-playing .prompter-top{opacity:0;pointer-events:none}
.reading-area{position:absolute;left:calc(62px * var(--device-scale));right:calc(62px * var(--device-scale));top:calc(48px * var(--device-scale));bottom:calc(54px * var(--device-scale));overflow:hidden}
.prompter-window{position:absolute;inset:0;overflow:hidden;mask:none!important;-webkit-mask:none!important;cursor:grab;touch-action:none;outline-offset:-2px}.prompter-window:active{cursor:grabbing}.prompter-copy{position:absolute;left:calc(24px * var(--device-scale));right:calc(24px * var(--device-scale));top:0;white-space:pre-wrap;overflow-wrap:anywhere;padding:0;margin:0;letter-spacing:normal;font-weight:400;user-select:none;line-height:1.5;will-change:transform}
.reading-mark{position:absolute;left:calc(4px * var(--device-scale));top:50%;transform:translateY(-50%);font-size:max(9px,calc(22px * var(--device-scale)));line-height:1;font-weight:600;color:inherit;opacity:.65;pointer-events:none}.prompter-screen[data-mirror-h=true] .reading-mark{left:auto;right:calc(4px * var(--device-scale));transform:translateY(-50%) scaleX(-1)}.prompter-screen[data-mirror-v=true] .reading-mark{transform:translateY(-50%) scaleY(-1)}.prompter-screen[data-mirror-h=true][data-mirror-v=true] .reading-mark{transform:translateY(-50%) scale(-1)}
.prompter-controls{left:var(--native-gutter);right:var(--native-gutter);bottom:calc(6px * var(--device-scale));height:calc(44px * var(--device-scale));display:flex;align-items:center;gap:calc(8px * var(--device-scale));background:transparent}
.prompter-controls>button{position:relative;flex:0 0 calc(44px * var(--device-scale));width:calc(44px * var(--device-scale));height:calc(44px * var(--device-scale));min-width:0;min-height:0;padding:0;border-radius:3px;color:inherit}.prompter-controls>button:after{content:'';position:absolute;width:max(44px,100%);height:max(44px,100%);left:50%;top:50%;transform:translate(-50%,-50%)}.prompter-controls svg{width:max(10px,calc(18px * var(--device-scale)));height:max(10px,calc(18px * var(--device-scale)))}.prompter-controls .restart-icon{display:none}.is-ended .play-icon,.is-ended .pause-icon{display:none!important}.is-ended .restart-icon{display:block}
.speed-control{gap:calc(8px * var(--device-scale));padding-left:0;flex:1;color:inherit}.speed-label{font-size:max(8px,calc(12px * var(--device-scale)));color:inherit;opacity:.65}.speed-control output{font-size:max(8px,calc(13px * var(--device-scale)));min-width:32px;color:inherit;opacity:.65}.speed-control input{appearance:none;-webkit-appearance:none;height:30px;background:transparent;flex:1;min-width:25px;accent-color:currentColor}.speed-control input::-webkit-slider-runnable-track{height:2px;background:currentColor;opacity:.65;border-radius:2px}.speed-control input::-webkit-slider-thumb{appearance:none;width:max(8px,calc(12px * var(--device-scale)));height:max(8px,calc(12px * var(--device-scale)));margin-top:calc(-.5 * max(8px,calc(12px * var(--device-scale))) + 1px);border-radius:50%;background:currentColor}.speed-control input::-moz-range-track{height:2px;background:currentColor;opacity:.65}.speed-control input::-moz-range-thumb{width:9px;height:9px;background:currentColor;border:0}
.prompter-editor{inset:0;border-radius:0!important;padding:calc(8px * var(--device-scale)) var(--native-gutter,25px) calc(12px * var(--device-scale));gap:8px;background:#151416;color:#f7f3f4;overflow:auto}.editor-heading{display:flex!important;justify-content:space-between;align-items:center;min-height:30px;gap:20px}.editor-heading label{font-size:12px}.prompter-editor button{min-height:30px;font-size:12px}.editor-content{display:grid!important;grid-template-columns:1.25fr 1fr;gap:16px!important;flex:1;min-height:50px;align-items:stretch!important}.editor-content textarea{min-height:90px;height:100%;font-size:12px}.editor-settings{display:flex!important;flex-direction:column;gap:3px!important;align-items:stretch!important;font-size:10px;max-height:155px;overflow-y:auto;padding-right:4px}.editor-settings>label{display:flex;align-items:center;justify-content:space-between;gap:5px}.editor-settings input[type=range]{width:100%;height:18px;margin:0;accent-color:#f0eaf1}.editor-settings select{width:100%;font-size:10px;padding:2px;background:#29252c;color:#f7f3f4;border:1px solid #625866;border-radius:3px}.editor-settings .mirror-option{justify-content:flex-start;min-height:20px}.mirror-option input{margin:0;accent-color:var(--pink)}.more-free-apps{border-top:1px solid var(--line);padding-top:25px;margin-top:39px;font-size:14px;line-height:1.7;color:var(--muted);max-width:100%}
@media(max-width:700px){.iphone{aspect-ratio:3000/1470!important}.phone-display{border-radius:6.2%/13.5%}.demo-hint{font-size:11px;line-height:1.75;min-height:40px}.editor-content{gap:9px!important;grid-template-columns:1fr .9fr}.editor-heading{min-height:23px}.prompter-editor{gap:3px;padding-inline:24px}.editor-heading label,.prompter-editor button{font-size:10px}.prompter-editor button{min-height:23px}.editor-content textarea{font-size:10px;padding:5px;min-height:58px}.editor-settings{font-size:8px;max-height:90px}.editor-settings input[type=range]{height:16px}.editor-settings select{font-size:9px}.editor-settings .mirror-option{min-height:18px}.more-free-apps{font-size:13px;margin-top:25px;padding-top:22px}}

.iphone{background:#09090b;box-shadow:inset 0 0 0 1px #858389,inset 0 0 0 3px #28262c,inset 0 0 0 5px #08080a,0 16px 30px #0004;border-color:#504e55}

/* Enlarge the return hit area without changing the native reader composition. */
.prompter-top{z-index:4}
.prompter-top button{position:relative}
.prompter-top button:after{content:'';position:absolute;left:50%;top:0;width:max(44px,100%);height:max(44px,100%);transform:translateX(-50%)}
.prompter-top button:disabled{pointer-events:none}

/* Teleprompter: native iPhone landscape canvas, 956 × 440 points.
   The 62/62/21 safe-area insets match the native App Store captures.
   Every value inside the display scales together; Clock is untouched. */
.native-prompter{--native-safe-x:calc(62px * var(--device-scale));--native-safe-bottom:calc(21px * var(--device-scale));--native-gutter:calc(20.8px * var(--device-scale));--native-secondary:#bfbfbf;--native-border:#757575;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:400;font-synthesis:none;-webkit-font-smoothing:antialiased}
.native-prompter.is-light{--native-secondary:#545454;--native-border:#8c8c8c}
.native-prompter button,.native-prompter input,.native-prompter select{font:inherit;color:inherit}
.native-prompter button,.native-prompter a{-webkit-tap-highlight-color:transparent}
.native-prompter button:active,.native-prompter a:active{opacity:.72}
.native-prompter [hidden]{display:none!important}
.native-prompter .prompter-screen,.native-prompter .native-app-pane{position:absolute;inset:0 var(--native-safe-x) var(--native-safe-bottom);height:auto;background:inherit;color:inherit;border-radius:0!important}
.native-prompter .prompter-top{inset:0 var(--native-gutter) auto;height:calc(44px * var(--device-scale));gap:0}
.native-prompter .prompter-top button{min-width:calc(44px * var(--device-scale));height:100%;padding:0;justify-content:center;font-size:calc(17px * var(--device-scale));line-height:normal;letter-spacing:normal;font-weight:400;color:inherit}
.native-prompter .prompter-top>span{font-size:calc(13px * var(--device-scale));color:var(--native-secondary);line-height:normal;opacity:1}
.native-prompter .reading-area{inset:calc(48px * var(--device-scale)) 0 calc(54px * var(--device-scale));overflow:hidden}
.native-prompter .prompter-window{inset:0;cursor:grab;border-radius:0;outline-offset:-1px}
.native-prompter .prompter-copy{left:calc(24px * var(--device-scale));right:calc(24px * var(--device-scale));font-family:inherit;font-weight:400;letter-spacing:normal;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;text-align:left;padding:0;margin:0}
.native-prompter strong,.native-prompter b{font-weight:600}
.native-prompter em,.native-prompter i{font-style:italic}
.native-prompter .reading-mark{left:calc(4px * var(--device-scale));top:50%;width:calc(8.33px * var(--device-scale));height:calc(15px * var(--device-scale));font-size:initial;line-height:1;color:var(--native-secondary);opacity:1;overflow:visible}
.native-prompter .reading-mark path{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.native-prompter .prompter-screen[data-mirror-h=true] .reading-mark{right:calc(4px * var(--device-scale));left:auto}
.native-prompter .prompter-controls{left:var(--native-gutter);right:var(--native-gutter);bottom:calc(6px * var(--device-scale));height:calc(44px * var(--device-scale));gap:calc(8px * var(--device-scale));padding:0;color:var(--native-secondary);background:transparent}
.native-prompter .prompter-controls>button{flex:0 0 calc(44px * var(--device-scale));width:calc(44px * var(--device-scale));height:calc(44px * var(--device-scale));min-width:0;min-height:0;color:var(--native-secondary);background:none;border:0;border-radius:0;padding:0}
.native-prompter .prompter-controls svg{width:calc(18px * var(--device-scale));height:calc(18px * var(--device-scale));fill:none!important;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.native-prompter .prompter-controls .pause-icon{stroke-width:3}
.native-prompter .speed-control{padding:0;gap:calc(8px * var(--device-scale));height:100%}
.native-prompter .speed-label,.native-prompter .speed-control output{font-size:calc(12px * var(--device-scale));font-weight:400;color:var(--native-secondary);opacity:1;line-height:normal;letter-spacing:normal;white-space:nowrap}
.native-prompter .speed-control output{flex:0 0 calc(42px * var(--device-scale));min-width:0;width:calc(42px * var(--device-scale));text-align:center;font-variant-numeric:tabular-nums}
.native-prompter .speed-control input{appearance:none;-webkit-appearance:none;flex:1;width:100%;min-width:0;height:calc(44px * var(--device-scale));padding:0;margin:0;border:0;outline-offset:0;background:transparent;color:inherit}
.native-prompter .speed-control input::-webkit-slider-runnable-track{height:calc(2px * var(--device-scale));background:linear-gradient(to right,var(--native-speed-fill,#8c8c8c) 0 var(--speed-progress,41.0108%),var(--native-speed-rest,#666) var(--speed-progress,41.0108%) 100%);border-radius:calc(1px * var(--device-scale));opacity:1}
.native-prompter.is-light .speed-control input{--native-speed-fill:#737373;--native-speed-rest:#999}
.native-prompter .speed-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:calc(12px * var(--device-scale));height:calc(12px * var(--device-scale));border:0;box-shadow:none;background:#fff;border-radius:50%;margin-top:calc(-5px * var(--device-scale))}
.native-prompter.is-light .speed-control input::-webkit-slider-thumb{background:#000}
.native-prompter .speed-control input::-moz-range-track{height:calc(2px * var(--device-scale));background:#666;border:0;opacity:1}
.native-prompter .speed-control input::-moz-range-progress{height:calc(2px * var(--device-scale));background:#8c8c8c}
.native-prompter .speed-control input::-moz-range-thumb{width:calc(12px * var(--device-scale));height:calc(12px * var(--device-scale));background:#fff;border:0;border-radius:50%}
.native-prompter.is-light .speed-control input::-moz-range-thumb{background:#000}
.native-prompter .native-app-pane{z-index:5;overflow:hidden;padding:0;gap:0;display:flex;flex-direction:column}
.native-app-header{display:flex;flex:none;align-items:center;justify-content:space-between;height:calc(64px * var(--device-scale));padding:calc(12px * var(--device-scale)) var(--native-gutter);gap:calc(10px * var(--device-scale));box-sizing:border-box}
.native-app-brand{display:flex;align-items:center;gap:calc(9px * var(--device-scale));white-space:nowrap;min-width:0;font-size:calc(16px * var(--device-scale));line-height:normal;letter-spacing:normal}
.native-app-brand img{width:calc(40px * var(--device-scale));height:calc(40px * var(--device-scale));border-radius:calc(8px * var(--device-scale));flex:none}
.native-mac-link{display:flex;align-items:center;flex:none;gap:calc(7.6px * var(--device-scale));height:calc(33.44px * var(--device-scale));padding:0 calc(10.64px * var(--device-scale)) 0 calc(7.6px * var(--device-scale));border:calc(.76px * var(--device-scale)) solid var(--native-border);border-radius:calc(6.08px * var(--device-scale));font-size:calc(8.36px * var(--device-scale));line-height:1.3;letter-spacing:normal;text-decoration:none;color:inherit}
.native-mac-link img{width:calc(22.8px * var(--device-scale));height:calc(22.8px * var(--device-scale));object-fit:contain}
.native-prompter .native-editor-body{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:1;min-height:0;padding:0 var(--native-gutter);gap:calc(8px * var(--device-scale))}
.native-editor-label{display:flex;flex:none;align-items:center;justify-content:space-between;height:calc(44px * var(--device-scale));color:var(--native-secondary)}
.native-editor-label>span{font-size:calc(14px * var(--device-scale));font-weight:400;line-height:normal}
.native-format{display:flex;align-items:center;gap:0;color:#fff}.is-light .native-format{color:#000}
.native-prompter .native-format button{display:grid;place-items:center;min-height:0;min-width:0;height:calc(44px * var(--device-scale));width:calc(44px * var(--device-scale));padding:0;border:0;background:none;color:inherit;font-size:calc(17px * var(--device-scale));line-height:1}
.native-format em{font-family:Georgia,'Times New Roman',serif}
.native-prompter .native-text-editor{flex:1;min-height:0;width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;border:calc(1px * var(--device-scale)) solid var(--native-border);border-radius:calc(8px * var(--device-scale));padding:calc(15.67px * var(--device-scale)) calc(12px * var(--device-scale)) calc(20px * var(--device-scale));margin:0;background:inherit;color:inherit;resize:none;outline-offset:-1px;font-family:inherit;font-size:calc(19px * var(--device-scale));line-height:calc(34px * var(--device-scale));letter-spacing:normal;text-align:left;box-sizing:border-box;scrollbar-width:none}
.native-text-editor::-webkit-scrollbar{display:none}
.native-prompter .native-editor-actions{flex:none;height:calc(78px * var(--device-scale));display:flex;justify-content:flex-end;align-items:center;gap:calc(8px * var(--device-scale));padding:calc(12px * var(--device-scale)) var(--native-gutter)}
.native-prompter .native-editor-actions button{width:calc(142.272px * var(--device-scale));height:calc(54px * var(--device-scale));min-height:0;padding:0;font-size:calc(15px * var(--device-scale));font-weight:500;letter-spacing:normal;border-radius:calc(13px * var(--device-scale));line-height:normal;color:inherit}
.native-prompter .native-outline{border:calc(1px * var(--device-scale)) solid var(--native-border);background:transparent;color:inherit}
.native-prompter .native-filled{border:0;background:#fff;color:#000!important}
.native-prompter.is-light .native-filled{background:#000;color:#fff!important}
.native-prompter .native-settings-heading{display:flex;flex:none;align-items:center;justify-content:space-between;height:calc(68px * var(--device-scale));padding:calc(12px * var(--device-scale)) var(--native-gutter)}
.native-settings-heading h4{font-size:calc(21px * var(--device-scale));font-weight:500;line-height:normal;letter-spacing:normal;margin:0}
.native-prompter .native-settings-heading button{height:calc(44px * var(--device-scale));min-width:calc(66px * var(--device-scale));min-height:0;padding:0 calc(16px * var(--device-scale));font-size:calc(14px * var(--device-scale));font-weight:500;border-radius:calc(10px * var(--device-scale))}
.native-settings-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}
.native-settings-scroll::-webkit-scrollbar{display:none}
.native-settings-columns{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:calc(24.96px * var(--device-scale));padding:calc(8px * var(--device-scale)) var(--native-gutter) calc(16px * var(--device-scale));font-size:calc(15px * var(--device-scale));line-height:1.2;letter-spacing:normal}
.native-settings-options,.native-settings-aside{display:flex;flex-direction:column;min-width:0;gap:calc(20px * var(--device-scale))}
.native-color-options{display:flex;flex-direction:column;gap:calc(20px * var(--device-scale))}
.native-color-options>div{display:flex;gap:calc(8px * var(--device-scale))}
.native-prompter .native-color-options button{flex:1;min-width:0;min-height:0;height:calc(44px * var(--device-scale));border:calc(1px * var(--device-scale)) solid var(--native-border);border-radius:calc(8px * var(--device-scale));padding:0;font-size:calc(13px * var(--device-scale));font-weight:400;white-space:nowrap;background:inherit;color:inherit}
.native-prompter .native-color-options button[aria-pressed=true]{background:#fff;color:#000}
.native-prompter.is-light .native-color-options button[aria-pressed=true]{background:#000;color:#fff}
.native-range-setting{display:flex;flex-direction:column;gap:calc(8px * var(--device-scale))}
.native-range-setting label{display:flex;justify-content:space-between;gap:calc(8px * var(--device-scale))}
.native-range-setting output{font-variant-numeric:tabular-nums}
.native-prompter .native-range-setting input{width:100%;min-width:0;height:calc(44px * var(--device-scale));margin:0;padding:0;accent-color:#fff;background:transparent;appearance:none;-webkit-appearance:none}
.native-range-setting input::-webkit-slider-runnable-track{height:calc(6px * var(--device-scale));background:linear-gradient(to right,var(--settings-track-fill,#a0a0a0) 0 var(--range-progress,30%),var(--settings-track-rest,#1c1c1e) var(--range-progress,30%) 100%);border-radius:20px}
.native-range-setting input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:calc(36px * var(--device-scale));height:calc(24px * var(--device-scale));margin-top:calc(-9px * var(--device-scale));border:0;border-radius:calc(20px * var(--device-scale));background:#fff;box-shadow:0 calc(1px * var(--device-scale)) calc(3px * var(--device-scale)) #0003}
.native-prompter.is-light .native-range-setting input{--settings-track-fill:#666;--settings-track-rest:#ddd}
.native-range-setting input::-moz-range-track{height:calc(6px * var(--device-scale));background:#1c1c1e;border-radius:20px}
.native-range-setting input::-moz-range-progress{height:calc(6px * var(--device-scale));background:#a0a0a0}
.native-range-setting input::-moz-range-thumb{width:calc(36px * var(--device-scale));height:calc(24px * var(--device-scale));border:0;border-radius:20px;background:#fff}
.native-toggle{display:flex;align-items:center;justify-content:space-between;gap:calc(8px * var(--device-scale));min-height:calc(31px * var(--device-scale))}
.native-prompter .native-toggle input{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:calc(63px * var(--device-scale));height:calc(28px * var(--device-scale));margin:0;border:0;border-radius:calc(16px * var(--device-scale));background:#444447;cursor:pointer}
.native-toggle input:after{content:'';position:absolute;left:calc(2px * var(--device-scale));top:calc(2px * var(--device-scale));width:calc(36px * var(--device-scale));height:calc(24px * var(--device-scale));border-radius:calc(16px * var(--device-scale));background:#fff;transition:transform .12s}
.native-toggle input:checked{background:#999!important}.native-toggle input:checked:after{transform:translateX(calc(23px * var(--device-scale)))}
.native-settings-preview{display:flex;flex-direction:column;gap:calc(19.1px * var(--device-scale));padding:calc(24px * var(--device-scale));border:calc(1px * var(--device-scale)) solid var(--native-border);border-radius:calc(8px * var(--device-scale));font-size:calc(32px * var(--device-scale));line-height:1.193;transform-origin:center;white-space:nowrap;overflow:hidden}
.native-input-help{font-size:calc(17px * var(--device-scale));line-height:1.4}
.native-input-help summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;min-height:calc(32px * var(--device-scale))}
.native-input-help summary::-webkit-details-marker{display:none}.native-input-help summary span{font-size:calc(25px * var(--device-scale));line-height:1}.native-input-help[open] summary span{transform:rotate(90deg)}
.native-input-help p{font-size:calc(14px * var(--device-scale));line-height:1.4;color:var(--native-secondary);padding-top:calc(12px * var(--device-scale))}
.native-tv-help{display:flex;align-items:center;min-height:calc(44px * var(--device-scale));font-size:calc(17px * var(--device-scale));color:inherit;text-decoration:none}
.native-support-links{display:flex;align-items:center;gap:calc(8px * var(--device-scale));font-size:calc(12px * var(--device-scale));color:var(--native-secondary)}
.native-support-links a{display:grid;place-items:center;flex:1;min-height:calc(44px * var(--device-scale));color:inherit;text-decoration:none}
.native-prompter button:focus-visible,.native-prompter input:focus-visible,.native-prompter a:focus-visible,.native-prompter [contenteditable]:focus-visible,.native-prompter .prompter-window:focus-visible{outline:1px solid currentColor;outline-offset:2px}

/* NL13: actual Clock type and geometry; scaled previews retain native proportions. */
.clock-face{padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.clock-face time{font-weight:500;letter-spacing:normal;font-variant-numeric:tabular-nums;line-height:1.193}
.native-prompter .prompter-copy{left:var(--native-reading-inset,calc(24px * var(--device-scale)));right:var(--native-reading-inset,calc(24px * var(--device-scale)))}
.native-prompter .native-editor-actions button{width:var(--native-action-width,calc(142.272px * var(--device-scale)))}
.native-prompter[data-native-fluid-actions=true] .native-editor-actions button{flex:1;width:auto}
.native-prompter[data-native-columns=false] .native-settings-columns{grid-template-columns:1fr}
.native-settings-auxiliary{display:flex;flex-direction:column;gap:calc(16px * var(--device-scale))}
.native-input-help summary{min-height:0;line-height:1.193}
.native-input-help .native-help-groups{display:flex;flex-direction:column;gap:calc(16px * var(--device-scale));padding-top:calc(12px * var(--device-scale));font-size:calc(14px * var(--device-scale));line-height:1.193;color:var(--native-secondary)}
.native-help-groups h5{font-size:calc(15px * var(--device-scale));font-weight:600;line-height:1.193;margin:0}
.native-input-help .native-help-groups p{font-size:inherit;line-height:inherit;white-space:pre-line;padding:0;margin:calc(8px * var(--device-scale)) 0 0}
.iphone.demo-expanded .native-prompter .prompter-top button:after{width:100%;height:100%}
/* Protect native app icons from the product-page figure image rule. */
.native-prompter .native-app-brand img{width:calc(40px * var(--device-scale));height:calc(40px * var(--device-scale));border-radius:calc(8px * var(--device-scale));object-fit:contain}
.native-prompter .native-mac-link img{width:calc(22.8px * var(--device-scale));height:calc(22.8px * var(--device-scale));border-radius:0;object-fit:contain}
.native-input-help summary span{font-size:calc(17px * var(--device-scale));line-height:1.193}
/* Reader inherits the same native gutter as editor/settings, including full size. */
.native-prompter .prompter-screen{--native-gutter:inherit}
/* SwiftUI's native settings sliders occupy a 31-point layout row. */
.native-prompter .native-range-setting input{height:calc(31px * var(--device-scale))}
.native-help-groups h5{color:#fff}
.native-prompter.is-light .native-help-groups h5{color:#000}
/* Settings scroll content remains visible into the lower safe area, as native. */
.native-prompter .native-settings{bottom:0}
.native-prompter .native-settings-scroll{padding-bottom:var(--native-safe-bottom)}

.native-prompter[data-native-small-brand=true] .native-app-brand{font-size:calc(15px * var(--device-scale))}
.native-prompter[data-native-small-brand=true] .native-app-brand img{width:calc(36px * var(--device-scale));height:calc(36px * var(--device-scale))}
.native-prompter.is-light .native-toggle input:checked{background:#666!important}
.native-prompter[data-native-small-brand=true] .native-app-header{height:calc(60px * var(--device-scale))}
