:root{--ink:#242735;--muted:#626777;--accent:#5856cf;--green:var(--accent);--line:#e7e8ef;--surface:#fff;--canvas:#f5f6fa;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:9px;transition:background .12s,box-shadow .12s,transform .12s}button:disabled{cursor:not-allowed;opacity:.42}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9693f2;outline-offset:3px}a{color:var(--accent)}h1,h2,p{margin:0}h1{font-size:36px;font-weight:650;line-height:1.15;letter-spacing:-.045em}h2{font-size:17px;line-height:1.35;font-weight:650;letter-spacing:-.02em}header{height:64px;padding:0 28px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-style:normal;font-weight:750;line-height:1;color:var(--accent);text-decoration:none;white-space:nowrap}.brand>span{font:650 21px/1 system-ui;letter-spacing:-.055em;color:var(--ink)}.top-label{flex:1;font-size:13px;color:var(--muted);border-left:1px solid var(--line);padding-left:22px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#edf5f0;color:#33734c;border-radius:7px;font-size:12px;font-weight:550;line-height:1.4}.badge.bad{background:#fff4e4;color:#9a6422}.eyebrow{display:block;font-size:10px;line-height:1.4;letter-spacing:.11em;font-weight:650;color:var(--accent);margin-bottom:8px}.muted,.small{color:var(--muted);font-size:12px;line-height:1.6}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.paper{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-top:16px;box-shadow:0 3px 15px #25285006}label:not(.check){display:block;margin:16px 0 7px;font-size:13px;font-weight:550;color:#555b6c}select,textarea,input[type=text]{display:block;width:100%;min-width:0;color:var(--ink);background:white;border:1px solid #dfe1ea;border-radius:8px;padding:10px 12px;box-shadow:0 1px 2px #161a3103}select{min-height:42px}textarea{line-height:1.65;resize:vertical;margin-top:12px}select:hover,input[type=text]:hover,textarea:hover{border-color:#b9bdd1}details{margin:16px 0 0;border-top:1px solid var(--line);padding:14px 0 0}summary{color:#525969;cursor:pointer;font-size:13px;line-height:1.5;list-style:none;display:flex;align-items:center;gap:8px}summary::before{content:'›';display:inline-block;font-size:19px;line-height:1;width:12px;flex:none;color:#9297aa;transition:transform .12s}details[open]>summary::before{transform:rotate(90deg)}summary::-webkit-details-marker{display:none}summary:hover{color:var(--accent)}details[open]>summary{margin-bottom:13px;color:var(--ink)}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:5px 24px}.settings label{font-weight:500;min-width:0}.settings output{float:right;font-size:12px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.settings input{display:block;width:100%;accent-color:var(--accent);margin:12px 0 5px;cursor:pointer;min-height:20px}.check{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:13px;color:#555b6c}.check input{accent-color:var(--accent);width:15px;height:15px;flex:none}.primary,.secondary,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 15px;text-decoration:none;font-size:13px;font-weight:550;line-height:1.4}.primary{border-radius:9px;background:var(--accent);color:white;box-shadow:0 2px 4px #4745b814}.primary:hover:not(:disabled){background:#4745b8;box-shadow:0 3px 8px #4745b823}.secondary{border:1px solid #e0e2ed;background:#fff;color:#4b5163;box-shadow:0 1px 2px #161a3104}.secondary:hover:not(:disabled){background:#f3f3fb;border-color:#c7c7e1;color:var(--accent)}.text-button{background:transparent;color:var(--accent);padding:9px 0;min-height:36px;box-shadow:none}.text-button:hover{color:#4745b8;text-decoration:underline}.transport p{font-size:12px;color:var(--muted);margin-top:10px}.readability-warning{padding:10px 12px;border:1px solid #ead5a6;background:#fffaeb;color:#805c20!important;border-radius:8px;font-size:12px!important;line-height:1.5!important;margin-top:12px!important;text-align:left!important;overflow-wrap:anywhere}.appearance-group{padding-top:14px;margin-top:14px;border-bottom:0}.appearance-group>summary{font-size:13px;font-weight:550}.appearance-group>.small{margin-top:10px}.appearance-group .color-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-fields input[type=color]{display:block;width:100%;height:42px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.reset-appearance{width:100%;margin-top:14px}.appearance-group>p:last-child{margin-top:10px}.profile-tools{padding-top:14px;margin-top:14px;border-bottom:0}.profile-tools summary{font-weight:550}.profile-tools p{margin-top:10px}.profile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.profile-actions button{flex:1 1 115px;min-width:0}.profile-tools [role=status]{font-size:12px;overflow-wrap:anywhere}#profile-delete-confirm{border:1px solid #ead5a6;border-radius:8px;padding:12px;margin-top:12px;background:#fffaeb}#error,#join-error{color:#bd4051;font-size:13px;margin-top:14px;min-height:20px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Quiet rail, generous preview stage. */

body[data-role=control]{height:100vh;overflow:hidden}body[data-role=control] header{height:64px;padding:0 26px}.studio.control{--settings-width:352px;max-width:none;margin:0;padding:0;display:grid;grid-template-columns:var(--settings-width) 12px minmax(0,1fr);height:calc(100dvh - 64px);min-width:0}.studio-settings{min-width:0;padding:24px 20px;overflow:auto;background:#fff;scrollbar-width:thin;scrollbar-color:#d5d7e4 transparent;container-type:inline-size;container-name:settings}.sidebar-heading{padding:0 0 20px;border-bottom:1px solid var(--line)}.sidebar-heading h1{font-size:24px;line-height:1.2;letter-spacing:-.035em}.sidebar-heading .eyebrow{margin-bottom:7px}.studio-settings .paper{min-width:0;background:transparent;box-shadow:none;padding:20px 0;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0}.studio-settings h2{font-size:15px}.studio-settings .row{gap:8px;align-items:center;flex-wrap:wrap}.studio-settings .muted{font-size:11px}.studio-settings .settings{grid-template-columns:1fr;gap:0 20px}.studio-settings .settings label{margin:14px 0 5px}.studio-settings .settings input{margin-top:8px}.studio-settings details.paper{padding:18px 0}.studio-settings details.paper>summary{font-weight:550}.studio-settings details.paper>p{margin:12px 0}.studio-settings .connect{display:flex;flex-wrap:wrap;gap:16px;margin:15px 0 0}.studio-settings .connect>div:first-child{flex-basis:100%;min-width:0}.studio-settings .connect a{font-size:14px;overflow-wrap:anywhere}.studio-settings .connect h2{font-size:14px;margin-bottom:8px}.studio-settings .connect p{font-size:12px;color:var(--muted);margin-top:8px}.studio-settings .pair{text-align:left;min-width:0;flex:1}.pair>span{font-size:12px;color:var(--muted)}.studio-settings .pair strong{display:block;font-size:27px;font-weight:650;letter-spacing:.11em;font-variant-numeric:tabular-nums;color:var(--ink)}.studio-settings .connect img{width:84px;height:84px}.studio-settings .actions button{max-width:100%}.studio-settings #balance{font-size:13px;font-variant-numeric:tabular-nums}.sidebar-tip{margin-top:20px}.rail-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:0 24px}.priority-controls{position:relative;top:auto}.studio-settings .transport-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0}.studio-settings .transport-actions .primary{grid-column:1/-1;min-width:0;font-size:14px;min-height:46px}.studio-settings .transport-actions button{padding:10px 6px;min-width:0;font-size:13px}.studio-settings .transport-actions .badge{grid-column:1/-1;justify-self:start;max-width:100%;white-space:normal;margin-top:3px}.studio-settings .transport p{font-size:12px;margin-top:9px}.studio-settings .transport .settings{margin-top:8px}.format-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:14px}.format-controls label{margin:0!important}.format-controls select{width:100%;min-width:0;font-size:13px}.preview-zoom{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:16px;font-size:13px}.preview-zoom>span:first-child{width:100%;margin-bottom:2px;color:#555b6c}.preview-zoom .secondary{padding:8px 12px;min-width:36px;min-height:38px}.preview-zoom output{font-size:13px;font-variant-numeric:tabular-nums;min-width:42px;text-align:center}.preview-zoom .selected{border-color:#aaa7ed;background:#eeedfc}.preview-zoom .small{display:none}.preview-settings>.small{margin-top:11px}.panel-divider{cursor:col-resize;touch-action:none;display:flex;justify-content:center;align-items:center;background:#f5f6fa;border-left:1px solid #eeeff4;border-right:1px solid #eeeff4;outline-offset:-3px}.panel-divider>span{height:42px;width:3px;border-radius:3px;background:#c9ccda;transition:background .12s}.panel-divider:hover,.panel-divider:focus-visible{background:#eeedfc}.panel-divider:hover>span,.panel-divider:focus-visible>span{background:var(--accent)}.resizing-panel{cursor:col-resize!important;user-select:none}.resizing-panel .panel-divider{background:#e3e1fa}.studio-monitor{min-width:0;min-height:0;padding:25px 28px 16px;display:flex;flex-direction:column;gap:12px;overflow:hidden;background:#f7f8fb}.monitor-toolbar{flex:none;min-width:0}.monitor-toolbar h2{font-size:17px;letter-spacing:-.025em}.monitor-toolbar .eyebrow{margin-bottom:5px}.monitor-toolbar .small{margin-top:4px;font-size:12px}.preview-canvas{flex:1;min-height:180px;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;overflow:auto;border:1px solid #e1e3ed;border-radius:14px;background:#edeff5;padding:20px;scrollbar-width:thin;scrollbar-color:#c9ccdc transparent}.preview-shell{position:relative;flex:none;margin:auto;box-shadow:0 14px 35px #252a4923,0 1px 3px #252a4912;border-radius:10px;overflow:hidden;background:#15252b}.preview-shell iframe{border:0;display:block;transform-origin:top left;position:absolute;left:0;top:0;pointer-events:none}.monitor-caption,.monitor-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--muted);flex:none;flex-wrap:wrap}.monitor-caption{font-weight:550;color:#656b7c}.preview-note{font-size:12px;flex:none}.monitor-foot{border-top:1px solid var(--line);padding-top:10px;font-size:11px}

@container settings (min-width:448px){.rail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.priority-controls .settings,.appearance-group .settings{grid-template-columns:1fr 1fr}.priority-controls .transport-actions{grid-template-columns:1.4fr repeat(3,1fr)}.priority-controls .transport-actions .primary{grid-column:auto}.appearance-settings{grid-column:1/-1}.appearance-settings .appearance-group .color-fields{max-width:400px}.appearance-settings .check{display:inline-flex;margin-right:15px}}

/* Entry surfaces. */

.entry-shell{min-height:100dvh;max-width:1240px;padding:32px 48px 48px;margin:auto}.entry-nav{display:flex;align-items:center;justify-content:space-between;gap:18px}.entry-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:76px;align-items:center;min-height:calc(100dvh - 150px);padding:60px 0}.entry-copy{max-width:485px}.entry-copy h1{font-size:54px;line-height:1.06;letter-spacing:-.055em;margin:17px 0 24px}.entry-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#626777}.entry-copy .entry-action{margin-top:30px}.entry-copy .entry-action a{min-height:48px;padding:13px 20px}.entry-copy .entry-footnote{font-size:12px!important;max-width:380px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.entry-visual{border-radius:23px;background:#eaebf6;padding:32px;min-width:0}.visual-window{background:#202236;border-radius:13px;box-shadow:0 22px 45px #252a491b;overflow:hidden;color:#eeeefa}.visual-title{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;color:#a8abc4;font-size:11px;border-bottom:1px solid #ffffff0d}.visual-title>span:first-child{display:flex;align-items:center;gap:6px}.visual-title>span:first-child::before{content:'';height:6px;width:6px;border-radius:50%;background:#9e9af8}.visual-speech{padding:34px 24px 28px;font-size:24px;line-height:1.6;letter-spacing:-.02em;font-weight:450}.visual-speech>span{display:block;color:#797e9b}.visual-speech>strong{display:block;font-weight:450;color:#f5f4ff;border-left:2px solid #9791f4;padding-left:14px;margin:14px 0 14px -15px}.visual-controls{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-top:1px solid #ffffff0d;color:#9a9fbb;font-size:11px}.visual-controls>span:first-child{font-size:12px;color:#d8d6ff}.visual-caption{display:flex;justify-content:space-between;gap:12px;color:#62657a;font-size:11px;margin-top:18px}.join{max-width:460px;margin:6vh auto;padding:28px}.join .eyebrow{margin-top:38px}.join h1{font-size:36px;margin:12px 0 16px;line-height:1.15}.join>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.7}.join form{margin:28px 0 16px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 15px #25285006}.join form label{margin-top:0;font-size:13px}.join input{width:100%;min-width:0;padding:13px 10px;border:1px solid #dfe1eb;border-radius:9px;text-align:center;font-size:28px;font-weight:550;letter-spacing:.17em;background:#fafaff;font-variant-numeric:tabular-nums;color:var(--ink)}.join input::placeholder{color:#b9bbcb}.join form button{width:100%;margin-top:16px;min-height:46px}.join>.small{font-size:12px!important;margin-top:20px}.join .join-nav{display:flex;justify-content:space-between;align-items:center;gap:16px}.join .join-nav .pwa-install{font-size:13px;max-width:154px}.join-step{display:inline-flex;align-items:center;gap:8px;margin-top:35px;color:#757b8d;font-size:12px}.join-step::before{content:'1';display:flex;justify-content:center;align-items:center;width:23px;height:23px;background:#eeedfc;border-radius:7px;color:var(--accent);font-size:12px;font-weight:650}.join-step+.eyebrow{margin-top:18px}

/* Fixed reading geometry; custom speech colors are applied inline by the existing engine. */

body[data-role=reader]:has(.reader:not([hidden])){background:#15252b;color:#d5e0d6}.reader{height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;background:#15252b;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.reader-top{height:48px;min-height:48px;max-height:48px;flex:0 0 48px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:hidden;font-size:11px;color:#b1b7ce;border-bottom:1px solid #ffffff0b}.reader-top>span:first-child{flex:1;min-width:0;max-width:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reader-top>span:nth-child(2){max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.reader-readability-warning{display:block;width:150px;min-width:150px;height:30px;max-height:30px;flex:0 0 150px;padding:2px 6px;border:1px solid #d6b370;border-radius:5px;background:#fff3d9;color:#734b13;font-size:10px;line-height:12px;overflow:hidden;white-space:normal;letter-spacing:0}.reading-stage{position:relative;flex:1;min-height:0;overflow:hidden}.viewport{position:absolute;inset:0;overflow:hidden;overscroll-behavior:contain;scrollbar-width:none}.viewport::-webkit-scrollbar{display:none}.speech{width:100%;margin:0;padding:0;font-size:25px;line-height:1.65;color:inherit;overflow-wrap:break-word}.speech p{margin:0 0 1.1em}.speech span.current{color:inherit;text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.16em}.speech.mirror{transform:scaleX(-1)}.focus-line{position:absolute;z-index:2;top:0;left:0;width:100%;height:42px;border-top:1px solid #80808045;border-bottom:1px solid #80808045;background:#8080800b;pointer-events:none;color:#a7a0ed;padding-left:3px;font-size:clamp(15px,3vh,24px)}.reader-bottom{min-height:125px;max-height:55dvh;overflow:auto;padding:12px 16px 15px;border-top:1px solid #ffffff10;background:#1b2632}.reader-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.reader-actions button{font-size:13px;padding:10px 12px;min-height:40px}.reader-actions .secondary,.reader-tools .secondary{background:#283442;border-color:#425062;color:#e0e4f0;box-shadow:none}.reader-actions .secondary:hover:not(:disabled),.reader-tools .secondary:hover:not(:disabled){background:#364256;color:#fff;border-color:#72749b}.reader-bottom p{font-size:12px;color:#aab4c8;text-align:center;margin-top:9px;line-height:1.55}.reader-bottom .wake-hint{font-size:11px;color:#8e9aaf}.reader-bottom .primary:disabled{background:#383653;opacity:1;color:#a9a6c8}.reader-bottom .readability-warning{max-height:88px;overflow:auto;margin-top:0!important;margin-bottom:10px}.reader-tools{margin:12px 0 0;border-color:#ffffff1b;padding:12px 0 0}.reader-tools>summary{color:#c4c3e4;justify-content:center;font-size:13px}.reader-tools h2{font-size:15px;margin:20px 0 9px;color:#e3e5f0}.reader-tools p{text-align:left}.reader-tools a{display:inline-flex;text-decoration:none}.reader-tools .adjust{display:grid;grid-template-columns:minmax(0,1fr) 44px 100px 44px;align-items:center;gap:8px;margin:14px 0;font-size:13px}.reader-tools .adjust output{text-align:center}.reader-tools .adjust button{padding:8px;min-width:44px;min-height:44px}.reader-tools .reader-actions{margin:14px 0}.reader-tools .appearance-group label,.reader-tools .profile-tools label{color:#c1c8d9}.reader-tools .appearance-group summary,.reader-tools .profile-tools summary{font-weight:550;text-align:left;color:#d1d3e8}.reader-tools .appearance-group .small{color:#aab4c8}.reader-tools .settings input{accent-color:#a7a0ed}.reader-tools .settings output{color:#cbc5ff}.reader-tools select,.reader-tools input[type=text]{background:#283442;color:#e0e4f0;border-color:#425062}.reader-tools .color-fields input{background:#283442;border-color:#425062}.reader-tools .appearance-group,.reader-tools .profile-tools{border-color:#ffffff1b}.reader-tools .settings label{margin-top:14px}.remote-learn{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.remote-learn button{flex:1 1 145px}.remote-check{border-top:1px solid #ffffff1b;margin-top:22px}.remote-last{padding:12px;background:#26313f;border:1px solid #3a4659;border-radius:8px;overflow-wrap:anywhere}.remote-trials{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;font-size:12px}.remote-trials span{padding:10px;border:1px solid #3e4c60;border-radius:8px;color:#aeb9cd}.remote-trials .checked{background:#2d3451;color:#d9d4ff;border-color:#7770b9}.remote-check .profile-actions{margin-bottom:12px}.reader-tools #profile-delete-confirm{background:#3e3428;border-color:#7d6746}.reader-tools #profile-delete-confirm p{color:#e4d3b7}.solo-entry{display:flex;align-items:center;justify-content:space-between;gap:20px}

@media(max-width:900px){.entry-shell{padding:26px 28px}.entry-layout{gap:36px}.entry-copy h1{font-size:44px}.entry-visual{padding:22px}.visual-speech{font-size:21px}}

@media(max-width:760px){body[data-role=control]{height:auto;overflow:auto}body[data-role=control] header{height:60px;min-height:60px;padding:0 16px;gap:12px;flex-wrap:nowrap}.top-label{display:none}.studio.control{display:flex;flex-direction:column;height:auto}.panel-divider{display:none}.studio-settings{overflow:visible;padding:24px 20px;border-bottom:1px solid var(--line)}.sidebar-heading h1{font-size:25px}.studio-monitor{height:75dvh;min-height:420px;padding:20px 16px 14px;gap:10px}.monitor-toolbar h2{font-size:16px}.preview-canvas{padding:12px}.monitor-foot,.monitor-caption,.preview-note{font-size:11px}.entry-layout{grid-template-columns:1fr;padding:48px 0 20px;gap:35px;min-height:auto}.entry-copy{max-width:540px}.entry-copy h1{font-size:44px;max-width:390px}.entry-copy>p:not(.eyebrow){font-size:15px}.entry-visual{max-width:500px;padding:24px}.visual-speech{font-size:22px}.entry-shell{padding:24px}.entry-nav>.pwa-install{max-width:154px;font-size:13px}.solo-entry{align-items:stretch;flex-direction:column}}

@media(max-width:430px){.brand>span{font-size:20px}.brand{gap:6px}.join{padding:24px 22px;margin:3vh auto}.join h1{font-size:33px}.join form{padding:20px}.entry-copy h1{font-size:41px}.entry-copy .entry-action a{width:100%}.entry-visual{padding:18px}.visual-speech{font-size:20px;padding:24px 20px}.entry-nav{gap:12px}.reader-actions{gap:7px}.reader-actions button{padding:10px;font-size:13px;min-height:44px}.reader-bottom{padding:10px;min-height:125px}.reader-tools .adjust{grid-template-columns:minmax(0,1fr) 44px 80px 44px}.reader-tools .secondary{min-height:44px}.remote-trials{gap:6px;font-size:11px}.reader-tools .color-fields{gap:10px}.monitor-caption{gap:8px}.entry-copy .entry-footnote{margin-top:20px}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}



@media(max-width:600px){.secondary,.text-button{min-height:44px}}



.reader.clean-reading .reader-top,.reader.clean-reading .reader-bottom{display:none}

.reader.clean-reading .reading-stage{flex:1;height:100%;width:100%}

.clean-hint{position:absolute;z-index:5;top:12px;left:10%;right:10%;padding:8px 12px;text-align:center;font-size:13px;color:#fff;background:#000a;border-radius:8px;pointer-events:none;animation:cleanHint 4s forwards}

@keyframes cleanHint{0%,65%{opacity:1}100%{opacity:0}}

@media(prefers-reduced-motion:reduce){.clean-hint{animation:none}}



.position-controls{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.position-controls h2{font-size:14px}.reader-tools .position-controls{border-color:#425062;margin:0 0 18px;padding-top:8px}.position-controls details{margin-top:14px}



.reader-tools[open]>summary,.reader-tools .position-controls label,.reader-tools label.check{color:#d4dbea}



/* The first viewport is exclusively the reading stage. Controls follow it in page flow. */

.reader{display:block;height:auto;min-height:100vh;min-height:100dvh;padding:0}

.reader>.reader-top{display:none}

.reader>.reading-stage{display:block;height:100vh;height:100dvh;min-height:0;width:100%;flex:none}

.reader>.reader-bottom{max-height:none;min-height:0;overflow:visible;padding:20px 16px 28px}

.reader.clean-reading{height:100vh;height:100dvh;overflow:hidden}

.reader.clean-reading>.reading-stage{height:100vh;height:100dvh}

.reader-bottom .reading-layout-note{color:#c1c8d9;font-size:13px;line-height:1.55;margin:0 0 16px}



.reader .viewport{overscroll-behavior:auto;touch-action:pan-y pinch-zoom}



/* Move the text on its own compositor layer, without relaying out the page. */

.speech{will-change:transform,translate;backface-visibility:hidden}


/* Reading uses the configured margins; no decorative overlay covers the text. */
.reading-stage>.focus-line{display:none}

/* Telepromter landing. Scoped to keep the reading studio unchanged. */
.landing-page{background:#fafafd;color:#202235}.brand-launch.entry-shell{max-width:1560px;padding:28px 50px 25px}.launch-brand{gap:11px;font-size:23px;letter-spacing:-.045em;color:#22233b}.launch-brand .brand-symbol{position:relative;width:32px;height:36px;display:grid;place-items:center;font-size:32px;font-style:italic;font-weight:750;line-height:1;letter-spacing:-.1em;color:#6254cd;background:#eae6fc;border-radius:10px;padding-right:3px}.brand-symbol>span{position:absolute;right:-3px;top:7px;width:5px;height:5px;border-radius:50%;background:#a18cf2}.nav-note{margin-left:24px;margin-right:auto;font-size:12px;color:#8a899d}.brand-launch .pwa-install{border:1px solid #e1dfed;background:transparent;border-radius:10px;color:#55526f;min-height:40px;font-size:12px}.launch-layout.entry-layout{grid-template-columns:minmax(330px,.78fr) minmax(0,1.32fr);gap:24px;min-height:calc(100dvh - 160px);padding:52px 0 42px;align-items:center}.launch-copy.entry-copy{max-width:475px;position:relative;z-index:2}.launch-copy .eyebrow{font-size:10px;letter-spacing:.14em;color:#827b9f;display:flex;align-items:center;gap:8px;margin:0 0 27px}.intro-dot{width:6px;height:6px;flex:none;background:#8d7bdb;border-radius:50%}.launch-copy.entry-copy h1{font-size:clamp(58px,5.3vw,83px);line-height:1.01;letter-spacing:-.065em;font-weight:660;margin:0 0 25px}.launch-copy h1>span{color:#6957cb}.launch-copy.entry-copy .launch-lead{font-size:17px;line-height:1.65;color:#77758c;margin:0 0 29px}.launch-copy .entry-action{display:flex;gap:18px;align-items:center;margin:0}.launch-copy .launch-cta{display:inline-flex;align-items:center;gap:24px;border-radius:12px;background:#6555c8;box-shadow:0 7px 17px #6655c821;min-height:51px;padding:14px 19px;font-size:14px;font-weight:600;white-space:nowrap}.launch-copy .launch-cta:hover{background:#5747b8;transform:translateY(-1px)}.launch-cta>span{font-size:22px;line-height:1;font-weight:400}.cta-note{font-size:11px;line-height:1.5;color:#9690aa}.launch-copy.entry-copy .login-guide{font-size:11px;line-height:1.6;color:#918ba4;max-width:360px;margin:16px 0 0}.launch-usecases{display:flex;flex-wrap:wrap;gap:13px;margin-top:29px;color:#767086;font-size:11px}.launch-usecases span+span:before{content:'·';margin-right:13px;color:#bdb6ce}.launch-visual{position:relative;min-width:0;min-height:570px;display:flex;align-items:center;justify-content:center;margin:0;padding:64px 34px 99px 4px;isolation:isolate}.visual-halo{position:absolute;inset:12px -19px 12px -28px;background:radial-gradient(ellipse at 64% 30%,#e6ddfa 0%,#efebfa 41%,#f2f0fa 62%,#f7f6fc 84%);border-radius:36px;z-index:-1}.visual-label{position:absolute;top:38px;left:29px;display:flex;align-items:center;gap:8px;font-size:9px;font-weight:650;letter-spacing:.17em;color:#8a7eaa}.visual-label>span{width:5px;height:5px;border:1px solid #9888bd;border-radius:50%}.desktop-device{width:100%;background:#fcfbff;border:1px solid #dfdbea;border-radius:15px;box-shadow:0 26px 53px -17px #6b56894d,0 3px 5px #fff9;overflow:hidden;transform:rotate(-2.5deg);margin-top:-5px}.device-top{height:37px;padding:0 13px;display:flex;align-items:center;gap:22px;background:#faf9fd;border-bottom:1px solid #e9e5f0;color:#777087;font-size:10px}.window-dots{display:flex;gap:4px}.window-dots>i{width:5px;height:5px;background:#d9d2e5;border-radius:50%}.demo-tag{margin-left:auto;font-size:8px;color:#a69ab7}.demo-workspace{display:grid;grid-template-columns:31% 69%;min-height:348px}.demo-sidebar{position:relative;padding:23px 14px 18px;background:#faf9fc;color:#373246;border-right:1px solid #eeebf5}.demo-eyebrow{font-size:7px;letter-spacing:.13em;display:block;color:#a49aaf;margin-bottom:8px}.demo-sidebar>strong{font-size:13px;letter-spacing:-.02em}.demo-scene{border:1px solid #e7e0ef;border-radius:6px;padding:10px 7px;margin:16px 0 18px;font-size:8px;color:#7c708d}.demo-scene>span{color:#b4a9c4;margin-right:7px}.demo-button-row{display:flex;gap:6px}.demo-play{display:block;flex:1;background:#7560cb;border:1px solid #7560cb;border-radius:6px;text-align:center;padding:9px 5px;color:white;font-size:9px}.demo-pause{display:grid;place-items:center;width:30px;border:1px solid #e5deef;border-radius:6px;color:#877a9a}.demo-nudge{display:flex;gap:6px;align-items:center;margin:8px 0 22px}.demo-nudge>span{width:26px;border:1px solid #e5deef;border-radius:5px;text-align:center;font-size:11px;line-height:24px;color:#7a688e}.demo-nudge small{font-size:6.5px;color:#a295ae;margin-left:1px}.demo-setting{display:flex;justify-content:space-between;gap:2px;margin-bottom:12px;font-size:7px;color:#96899f}.demo-setting>b{color:#927db6;font-weight:500;font-size:7px}.demo-slider{height:3px;background:#e9e3f2;border-radius:3px;position:relative;margin-bottom:24px}.demo-slider:before{content:'';display:block;width:51%;height:100%;background:#9b85d2;border-radius:3px}.demo-slider>i{position:absolute;left:48%;top:-3px;width:9px;height:9px;background:#7a62be;border-radius:50%}.demo-slider.shorter:before{width:36%}.demo-slider.shorter>i{left:34%}.demo-connected{margin-top:24px;font-size:7px;color:#869b91;display:flex;gap:5px;align-items:center}.demo-connected>span{height:4px;width:4px;border-radius:50%;background:#95b4a2}.demo-reader{padding:29px 27px 30px;background:#1b2630;overflow:hidden;font-size:23px;line-height:1.43;min-width:0}.demo-reader>p{margin:0}.demo-reader .demo-before{color:#8b969b;font-size:17px;margin-bottom:23px}.demo-reader .demo-current{color:#f1f0e9;font-size:clamp(22px,2.3vw,34px);letter-spacing:-.025em}.demo-current em,.phone-current em{font-style:normal;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.demo-reader .demo-after{color:#b9c1c2;font-size:18px;margin-top:25px}.phone-device{position:absolute;right:-10px;bottom:52px;width:190px;height:350px;padding:7px;border:1px solid #b4adc5;border-radius:28px;background:#ebe8f1;box-shadow:0 19px 33px -8px #51456566;transform:rotate(5deg)}.phone-camera{position:absolute;top:14px;left:50%;width:48px;height:10px;transform:translateX(-50%);background:#111b22;border-radius:8px;z-index:2}.phone-reader{height:100%;background:#1b2630;border-radius:21px;padding:33px 13px 16px;text-align:center;overflow:hidden;color:#a2abad;font-size:16px;line-height:1.5;letter-spacing:-.02em}.phone-reader>p{margin:0 0 22px}.phone-reader .phone-current{color:#f1f0e9;font-size:21px}.launch-visual figcaption{position:absolute;left:28px;bottom:38px;display:flex;align-items:center;gap:14px;font-size:11px;line-height:1.6;color:#8a7e9e}.launch-visual figcaption strong{font-weight:450}.caption-line{height:1px;width:34px;background:#bfb0d7}.launch-footer{border-top:1px solid #ebe8f1;padding-top:20px;display:flex;align-items:center;gap:19px;color:#a39bae;font-size:10px}.launch-footer p{margin:0;display:flex;gap:7px;align-items:center;color:#85798f}.pilot-dot{width:5px;height:5px;flex:none;background:#a395b4;border-radius:50%}.launch-footer a{margin-left:auto;color:#86789e;text-decoration:none}.launch-footer a:hover{color:#6555c8}
@media(min-width:1450px){.launch-visual{min-height:650px}.demo-workspace{min-height:400px}.demo-reader{padding:35px 34px}.demo-reader .demo-before{font-size:21px}.demo-reader .demo-after{font-size:22px}.demo-sidebar{padding:29px 20px}.demo-sidebar>strong{font-size:16px}.demo-eyebrow{font-size:8px}.demo-scene{font-size:10px}.demo-setting,.demo-setting>b{font-size:9px}.phone-device{width:220px;height:405px;bottom:42px}.phone-reader{font-size:19px;padding-top:39px}.phone-reader .phone-current{font-size:25px}}
@media(max-width:1050px){.brand-launch.entry-shell{padding:24px 30px}.nav-note{display:none}.launch-layout.entry-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:15px}.launch-copy.entry-copy h1{font-size:64px}.launch-visual{min-height:505px;padding:66px 18px 106px 0}.demo-workspace{grid-template-columns:32% 68%;min-height:300px}.demo-sidebar{padding:18px 9px}.demo-reader{padding:27px 15px}.demo-reader .demo-before{font-size:14px}.demo-reader .demo-current{font-size:25px}.demo-reader .demo-after{font-size:15px}.phone-device{width:150px;height:290px;right:-12px;bottom:47px}.phone-reader{font-size:13px;padding:31px 9px}.phone-reader .phone-current{font-size:17px}.phone-reader>p{margin-bottom:16px}.demo-nudge small{display:none}.launch-copy .entry-action{gap:12px}.cta-note{font-size:9px}.visual-halo{inset:10px -10px 10px -10px}}
@media(max-width:760px){.brand-launch.entry-shell{padding:20px 23px 22px}.launch-brand{font-size:22px}.brand-launch .pwa-install{font-size:10px;padding:8px 10px;min-height:36px;max-width:133px}.launch-layout.entry-layout{grid-template-columns:1fr;gap:21px;min-height:0;padding:46px 0 28px}.launch-copy.entry-copy{max-width:none}.launch-copy.entry-copy h1{font-size:68px;line-height:1;letter-spacing:-.06em;margin-bottom:22px}.launch-copy .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:22px}.launch-copy.entry-copy .launch-lead{font-size:16px;line-height:1.65}.desktop-break{display:none}.launch-copy .entry-action{gap:16px}.cta-note{font-size:10px}.launch-copy.entry-copy .login-guide{font-size:10px;max-width:310px}.launch-usecases{font-size:10px;margin-top:23px}.launch-visual{min-height:425px;padding:60px 26px 90px 0;margin:4px -3px 0}.visual-halo{inset:0 -10px;border-radius:26px}.visual-label{top:23px;left:13px;font-size:7px;letter-spacing:.14em}.desktop-device{border-radius:10px;transform:rotate(-3deg)}.device-top{height:27px;padding:0 8px;font-size:7px;gap:11px}.demo-tag{font-size:6px}.demo-workspace{min-height:258px;grid-template-columns:32% 68%}.demo-sidebar{padding:16px 8px}.demo-eyebrow{font-size:6px}.demo-sidebar>strong{font-size:9px}.demo-scene{font-size:6px;margin:12px 0;padding:7px 4px}.demo-scene>span{margin-right:3px}.demo-play{font-size:7px;padding:7px 2px}.demo-pause{width:22px;font-size:9px}.demo-nudge{margin-bottom:15px}.demo-nudge>span{line-height:19px;width:23px}.demo-setting,.demo-setting>b{font-size:5px}.demo-setting{margin-bottom:8px}.demo-slider{margin-bottom:16px}.demo-connected{font-size:5.5px;margin-top:20px}.demo-reader{padding:23px 12px}.demo-reader .demo-before{font-size:12px;margin-bottom:18px}.demo-reader .demo-current{font-size:22px}.demo-reader .demo-after{font-size:12px;margin-top:19px}.phone-device{width:127px;height:246px;right:-1px;bottom:31px;border-radius:21px;padding:5px;transform:rotate(5deg)}.phone-camera{top:10px;height:7px;width:35px}.phone-reader{border-radius:15px;padding:25px 7px 10px;font-size:11px}.phone-reader .phone-current{font-size:15px}.phone-reader>p{margin-bottom:17px}.launch-visual figcaption{left:11px;bottom:24px;font-size:8px;gap:8px}.caption-line{width:17px}.launch-footer{flex-wrap:wrap;gap:8px 13px;font-size:8px;padding-top:17px}.launch-footer>span{order:3;flex-basis:100%}.launch-footer a{font-size:9px}}
@media(max-width:360px){.brand-launch.entry-shell{padding:18px}.launch-copy.entry-copy h1{font-size:61px}.launch-copy .entry-action{gap:10px}.launch-copy .launch-cta{gap:14px;font-size:12px;padding:13px 15px}.cta-note{font-size:9px}.phone-device{width:117px;height:230px}.phone-reader{font-size:10px}.phone-reader .phone-current{font-size:14px}}
@media(prefers-reduced-motion:reduce){.launch-cta{transition:none!important;transform:none!important}}

/* Readable supporting copy on the light landing background. */
.brand-launch .nav-note{color:#756d85}.launch-copy .eyebrow{color:#746887}.launch-copy.entry-copy .launch-lead{color:#6f687f}.brand-launch .cta-note{color:#756d85}.launch-copy.entry-copy .login-guide{color:#756d85}.launch-usecases{color:#756d85}.launch-footer,.launch-footer p,.launch-footer a{color:#756d85}.visual-label{color:#746887}.launch-visual figcaption{color:#746887}

/* Recording context and optional handheld remote. */
.launch-copy.entry-copy .launch-lead{font-size:20px;line-height:1.6;color:#625c73}.launch-copy.entry-copy .login-guide{font-size:12px}.launch-usecases{font-size:12px}.launch-visual{min-height:740px;padding-bottom:245px}.phone-device{bottom:175px}.recording-rig{position:absolute;bottom:53px;left:15px;width:330px;transform:rotate(-3deg)}.recording-rig svg{display:block;width:100%;filter:drop-shadow(0 8px 10px #534a6c1c)}.recording-rig>span{display:block;text-align:center;color:#756d85;font-size:10px;margin-top:-5px}.remote-demo{position:absolute;right:205px;bottom:88px;display:flex;gap:13px;align-items:center;transform:rotate(8deg)}.remote-body{width:49px;height:132px;background:linear-gradient(130deg,#53505f,#242632);border:1px solid #7b748c;border-radius:16px;box-shadow:7px 12px 18px #3c345d30,inset 1px 1px 1px #fff4;padding:12px 6px;color:#e9e5f2;text-align:center}.remote-led{display:block;background:#a6d4be;width:3px;height:3px;margin:0 auto 6px;border-radius:50%}.remote-power{font-size:12px}.remote-pad{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,12px);align-items:center;border-radius:50%;background:#1e202d;box-shadow:inset 0 1px 3px #0007;font-size:11px}.remote-pad>span:first-child{grid-column:2}.remote-pad>span:nth-child(2){grid-row:2}.remote-pad>b{grid-column:2;grid-row:2;font-size:8px}.remote-pad>span:nth-child(4){grid-column:3;grid-row:2}.remote-pad>span:last-child{grid-column:2;grid-row:3}.remote-plus{display:flex;justify-content:space-between;margin-top:12px;padding:0 4px;font-size:11px}.remote-label{font-size:11px;line-height:1.5;color:#756d85;max-width:70px;transform:rotate(-8deg)}.launch-visual figcaption{font-size:12px;bottom:11px}.launch-layout.entry-layout{padding-top:30px;padding-bottom:30px}
@media(min-width:1450px){.launch-visual{min-height:790px}.phone-device{bottom:177px}.recording-rig{width:355px;left:30px}.remote-demo{right:250px;bottom:94px}}
@media(max-width:1050px){.launch-visual{min-height:660px}.phone-device{bottom:163px}.recording-rig{width:265px;left:-10px}.remote-demo{right:145px;bottom:90px}.remote-label{display:none}.launch-copy.entry-copy .launch-lead{font-size:18px}}
@media(max-width:760px){.launch-layout.entry-layout{padding-top:40px}.launch-copy.entry-copy .launch-lead{font-size:18px}.launch-visual{min-height:610px;padding-bottom:245px;padding-top:60px}.phone-device{bottom:182px}.recording-rig{width:240px;left:-12px;bottom:62px}.remote-demo{right:30px;bottom:78px;transform:rotate(10deg) scale(.85)}.remote-label{display:none}.launch-visual figcaption{font-size:10px;bottom:14px}.cta-note{font-size:10px}.launch-copy.entry-copy .login-guide{font-size:11px}.launch-usecases{font-size:11px}}

/* Visible connection above recording controls */
.studio-settings>.connection-settings{margin-bottom:16px}.connection-settings[open]>.connect{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:14px;align-items:center}.connection-settings .connect>div:first-child{grid-column:1/-1}.connection-settings .pair{min-width:0}.connection-settings #qr{width:108px;height:108px;border-radius:12px;background:white}.admin-link{color:#6957cb;font-size:12px;text-decoration:none;margin-left:auto;padding:9px 12px;border:1px solid #e1dbef;border-radius:10px}

.computer-entry-link{font-size:13px;color:#6957cb;text-decoration:none;margin-right:16px}.landing-connect{display:flex;align-items:center;gap:16px;margin-top:20px;color:#726982;font-size:12px;line-height:1.6}.landing-connect img{border:1px solid #e4def1;border-radius:12px;padding:5px;background:white}.computer-entry{margin-top:18px;font-size:12px;color:#726982}.computer-entry:target{padding:14px;border:1px solid #d9cfee;border-radius:12px}.computer-entry summary{cursor:pointer;color:#6957cb}.computer-entry:target>form{display:grid}.computer-entry form{display:grid;gap:10px;margin:12px 0}.computer-entry input{max-width:100%;min-height:44px;border:1px solid #d9cfee;border-radius:8px;padding:10px;font:inherit}.computer-entry p{font-size:11px}@media(max-width:760px){.computer-entry-link{font-size:11px;margin-right:8px}.brand-launch .entry-nav{flex-wrap:wrap;gap:12px}}