@font-face{font-family:Inter;src:url(/brand/InterVariable.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{font-family:Inter,Arial,sans-serif;color:#111;background:#f5f5f5;font-synthesis:style;font-size:16px;line-height:1.45;--paper: #fff;--soft: #f5f5f5;--ink: #111;--muted: #666;--red: #f00;--danger: #c90000;--green: #16845b;--focus: #e2ecec;--radius: 8px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:280px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(2.5rem,5.8vw,4.5rem);font-weight:700}h2{font-size:clamp(1.375rem,2.3vw,1.75rem)}h3{font-size:1.2rem}.logo{display:block;width:120px;min-width:120px;height:auto}svg{display:block;width:24px;height:24px;flex:0 0 24px}.button,.icon-button,.row-link{align-items:center;border:0;border-radius:var(--radius);display:inline-flex;gap:8px;justify-content:center;min-height:48px;padding:10px 16px;text-align:center;text-decoration:none;font-weight:600;color:var(--ink);background:transparent;outline:0}.icon-button{padding:10px;min-width:48px}.quiet{background:var(--soft)}.quiet:hover,.row-link:hover{background:#e8e8e8}.quiet:focus-visible,.row-link:focus-visible{background:var(--focus)}.primary{background:#111;color:#fff}.primary:hover{background:#343434}.primary:focus-visible{background:#247b83}.danger{background:var(--danger);color:#fff}.danger:hover,.danger:focus-visible{background:#9f0000}.danger-text{color:var(--danger)}.saved,.saved:hover,.saved:focus-visible{background:var(--green);color:#fff}button:disabled:not(.saved){opacity:.65}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}label:not(.check):not(.search-field){display:grid;gap:8px;font-weight:600;min-width:0}input:not([type=checkbox]):not([type=range]),select,textarea{border:0;outline:0;border-radius:var(--radius);background:#f0f0f0;min-width:0;min-height:48px;width:100%;color:inherit;font-weight:400;padding:10px 12px}input:not([type=checkbox]):not([type=range]):focus,select:focus,textarea:focus{background:var(--focus)}input[type=range]{width:100%;min-height:28px;accent-color:#111}input[type=range]:focus-visible{outline:0;background:var(--focus);border-radius:var(--radius)}input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;margin:0;appearance:none;border-radius:4px;border:0;background-color:#dedede;display:inline-grid;place-items:center;color:#fff;cursor:pointer}input[type=checkbox]:checked{background:#111}input[type=checkbox]:checked:after{content:"";width:12px;height:12px;background:currentColor;clip-path:polygon(10% 50%,35% 74%,90% 16%,100% 28%,35% 95%,0 61%)}input[type=checkbox]:focus-visible{outline:0;background-color:#247b83}.check{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}.form-stack{display:grid;gap:16px}.form-stack>.button{justify-self:start}.form-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.toggle-fields{border:0;border-radius:var(--radius);background:var(--soft);padding:8px 16px;margin:0;min-width:0}.toggle-fields legend{font-weight:600}.notice{border-radius:var(--radius);background:#e4eeee;padding:12px 16px;margin-block:8px}.notice.error{background:#fae8e8;color:#850000}dialog{position:fixed;inset:0;width:min(100% - 32px,620px);max-height:calc(100dvh - 32px);border:0;border-radius:8px;background:#fff;color:#111;padding:24px;overscroll-behavior:contain}dialog::backdrop{background:#000000a6}dialog>*+*{margin-top:16px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:2;background:#fff}.modal-heading h2{align-self:center}.row-link{width:100%;justify-content:space-between;text-align:left;min-height:52px;background:var(--paper);font-weight:500}.site-header{background:var(--paper)}.header-inner{width:min(100% - 64px,1184px);margin:auto;min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;font-weight:700;border-radius:8px;padding:4px}.brand:focus-visible,.script-title:focus-visible,.back-link:focus-visible{outline:0;background:var(--focus)}.brand span{font-size:1.25rem}.nav{display:flex;align-items:center;gap:8px}.nav a{display:inline-flex;align-items:center;min-height:48px;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:600}.nav a:hover,.nav .current{background:var(--soft)}.nav a:focus-visible{outline:0;background:var(--focus)}.menu-toggle{display:none}.shell{width:min(100% - 64px,1184px);margin-inline:auto;padding:48px 0 64px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.page-heading p{margin-top:8px;color:var(--muted)}.list-toolbar{display:flex;margin-bottom:16px}.search-field{display:flex;align-items:center;gap:8px;width:min(100%,400px);background:#fff;border-radius:8px;padding:0 12px}.search-field:focus-within{background:var(--focus)}.search-field input:not([type=checkbox]):not([type=range]){background:transparent;padding-inline:0}.script-list{display:grid;gap:8px}.script-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:var(--paper);border-radius:8px}.script-meta{min-width:0}.script-meta p{color:var(--muted);margin-top:4px}.script-title{font-size:1.25rem;font-weight:600;text-decoration:none;border-radius:4px}.script-title:hover{text-decoration:underline}.empty{background:#fff;color:var(--muted);border-radius:8px;padding:24px}.settings-page{max-width:720px}.settings-page>form,.app-download{background:#fff;padding:24px;border-radius:8px}.app-download{display:grid;justify-items:start;gap:16px}.file-zone{display:grid;gap:12px;padding:16px;border-radius:8px;background:#f5f5f5}.file-zone.dragging{background:#e2ecec}.file-zone .quiet{background:#e5e5e5}.file-zone .quiet:hover{background:#d9d9d9}.file-zone .quiet:focus-visible{background:#d4e5e5}.file-name{overflow-wrap:anywhere;font-weight:600}.loading,.offline-page{display:grid;justify-items:start;gap:24px;padding:32px}.login-layout{min-height:100dvh;background:#fff;display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,.85fr)}.login-identity{min-height:100%;color:#fff;background:#111;padding:clamp(32px,5.5vw,96px);display:grid;grid-template-rows:auto 1fr auto;align-items:start;gap:48px}.login-identity h1{align-self:center;font-size:clamp(3rem,7vw,7.25rem);line-height:.98;letter-spacing:-.075em}.login-identity h1 span{color:var(--red)}.login-line{width:100%;height:4px;background:red}.login-content{display:grid;align-content:center;justify-items:start;padding:clamp(24px,5.5vw,96px)}.login-content form{width:min(100%,480px)}.login-content h2{margin-bottom:8px;font-size:2rem}.login-content .primary{min-width:120px}.back-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:8px;text-decoration:none;border-radius:4px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 276px;align-items:start;gap:24px}.editor-main,.editor-side{min-width:0}.editor-side{display:grid;gap:16px;padding:24px;background:#fff;border-radius:8px}.title-field{margin-bottom:16px}.title-field input:not([type=checkbox]):not([type=range]){background:#fff;font-size:1.25rem;font-weight:600}.title-field input:focus{background:var(--focus)!important}.save-button{min-width:136px}.side-details{display:flex;justify-content:space-between;gap:8px;color:var(--muted)}.rich-editor{border-radius:8px;background:#fff;overflow:clip}.format-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:#ececec}.format-toolbar .icon-button,.format-toolbar .button{min-height:44px}.format-toolbar .icon-button{font-size:1.125rem;min-width:44px}.editor-content{min-height:min(56dvh,480px);padding:24px;outline:0;font-size:1.125rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:break-word}.editor-content:focus-visible{background:#f9fcfc}.editor-content [data-type=divider]{padding-block:8px}.editor-content hr{border:0;margin:0;height:2px;background:#111}.editor-content [data-type=marker]{color:#9c0000;font-weight:600}.conflict{background:#fae8e8;border-radius:8px;padding:16px;display:grid;gap:8px;margin-top:16px}.share-list{display:grid;gap:8px}.share-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.revision-preview{max-height:45dvh;overflow:auto;background:var(--soft);padding:16px;border-radius:8px;white-space:pre-wrap;overflow-wrap:break-word}.revision-preview p{margin-top:8px}.reader{position:fixed;inset:0;background:#000;color:#fff;overscroll-behavior:none;overflow:hidden;min-width:0;--reader-panel-width: clamp(270px, 32vw, 340px);--reader-panel-space: 0px;--reader-panel-bottom: 0px}.reader-configuring{--reader-panel-space: calc(var(--reader-panel-width) + 32px)}.reader-stage{position:absolute;inset:0 0 var(--reader-panel-bottom) var(--reader-panel-space);container-type:size;--reader-clock-height: 0px}.reader-stage-clock{--reader-clock-height: min(2.5rem, 8cqh)}.reader-display{position:absolute;inset:0;transform:scale(var(--reader-scale-x),var(--reader-scale-y))}.reader-empty{padding:24px}.reading-viewport{position:absolute;inset:calc(var(--reader-top) + var(--reader-clock-height)) var(--reader-right) var(--reader-bottom) var(--reader-left);overflow:auto;overflow-x:hidden;overflow-anchor:none;scrollbar-width:none;container-type:size}.reading-viewport::-webkit-scrollbar{display:none}.script-flow{position:relative;padding-block:max(0px,calc(50cqh - var(--reader-line) / 2));font-size:var(--reader-size);line-height:var(--reader-line);letter-spacing:var(--reader-letter-spacing);white-space:pre-wrap}.reading-paragraph,.reading-marker{min-height:var(--reader-line);overflow-wrap:break-word}.reading-marker{font-weight:600}.reading-divider{height:var(--reader-line);display:grid;align-items:center}.reading-divider:after{content:"";height:max(2px,.05em);background:#fff}.reading-line{position:absolute;z-index:1;left:0;width:100%;height:2px;top:calc((100% + var(--reader-top) + var(--reader-clock-height) - var(--reader-bottom)) / 2);background:linear-gradient(to right,#fff 0 2%,transparent 2% 98%,#fff 98% 100%);pointer-events:none}.reader-clock{position:absolute;inset:var(--reader-top) var(--reader-right) auto var(--reader-left);height:var(--reader-clock-height);display:grid;place-items:center;container-type:inline-size;overflow:hidden;pointer-events:none}.reader-clock-content{display:flex;gap:.65em;align-items:baseline;white-space:nowrap;font-size:min(clamp(1.0625rem,1.8vw,1.375rem),5cqh,10cqi);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.reader-open{position:absolute;z-index:3;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));color:#ddd;background:#161616}.reader-open:hover,.reader-open:focus-visible{color:#fff;background:#247b83}.reader-dimmer{position:absolute;z-index:5;inset:0;background:#000000eb;pointer-events:none}.reader-panel{position:absolute;z-index:4;inset:16px auto 16px 16px;width:var(--reader-panel-width);overflow:auto;background:#fff;color:#111;border-radius:8px;padding:16px;display:flex;flex-direction:column;align-items:stretch;gap:12px;overscroll-behavior:contain}.reader-panel>*{flex-shrink:0}.reader-panel h1{font-size:clamp(1.375rem,2.75vw,2rem);overflow-wrap:break-word}.reader-panel-top,.reader-primary-actions{display:flex;gap:8px;align-items:center}.reader-panel-top{justify-content:space-between}.reader-panel>.actions>.button{padding-inline:12px}.reader-primary{flex:1;background:#111;color:#fff}.reader-primary:hover,.reader-primary:focus-visible{background:#247b83}.reader-font-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;font-weight:600}.reader-font-step{display:grid;grid-template-columns:44px minmax(40px,max-content) 44px;gap:4px;align-items:center}.reader-font-step output{text-align:center;font-variant-numeric:tabular-nums}.reader-font-step .icon-button{min-width:44px;min-height:44px}.reader-mirrors{display:flex;flex-wrap:wrap;gap:8px}.reader-mirrors .button{flex:1 1 auto;padding-inline:12px}.reader-mirrors [aria-pressed=true]{color:#fff;background:#111}.reader-mirrors [aria-pressed=true]:focus-visible{background:#247b83}.countdown{position:absolute;z-index:2;inset:0;display:grid;place-items:center;pointer-events:none;color:#fff;background:#000;font-weight:700;font-size:clamp(5rem,20vw,12rem)}.reader-pair-button{flex-wrap:wrap}.pair-code-preview{font-variant-numeric:tabular-nums;letter-spacing:.1em}.pair-expiry{color:var(--muted)}.pair-code-input{text-transform:uppercase;letter-spacing:.12em;font-variant-numeric:tabular-nums}.pair-code{display:block;padding:12px 16px;border-radius:8px;background:#f5f5f5;font-variant-numeric:tabular-nums;font-size:clamp(2rem,12vw,3.5rem);letter-spacing:.12em;font-weight:700}.preflight-sample{background:#000;color:#fff;padding:16px;text-align:center;border-radius:8px;font-size:1.5rem}.input-test{border-radius:8px;display:grid;justify-items:start;gap:8px;padding:16px;background:#f5f5f5}.input-test:focus-visible{outline:0;background:var(--focus)}.operator-state{display:flex;justify-content:space-between;gap:16px;padding:24px;border-radius:8px;background:#111;color:#fff;margin-bottom:16px}.operator-state>div{min-width:0;overflow-wrap:anywhere}.operator-state p{color:#ddd;margin-top:4px}.operator-state strong{font-variant-numeric:tabular-nums;align-self:center;font-size:2rem}.operator>.form-stack{background:#fff;padding:24px;border-radius:8px}@media(max-width:960px){.header-inner{min-height:64px}.menu-toggle{display:inline-flex}.nav{display:none;position:absolute;top:100%;right:0;z-index:6;width:min(100%,320px);background:#fff;padding:12px;border-radius:8px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav .button{align-self:flex-start}}@media(max-width:800px){.header-inner,.shell{width:calc(100% - 32px)}.shell{padding-top:32px}.editor-layout{grid-template-columns:minmax(0,1fr)}.editor-side{padding:16px}.login-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.login-identity{min-height:280px;padding:24px;gap:24px}.login-identity h1{font-size:clamp(3rem,11vw,5.5rem)}}@media(max-width:680px){.reader-configuring{--reader-panel-space: 0px;--reader-panel-bottom: calc(min(48dvh, 440px) + 16px) }.reader-panel{inset:auto 8px 8px;width:auto;height:min(48dvh,440px)}}@media(max-width:500px){.page-heading{align-items:flex-start;flex-direction:column}.script-row,.settings-page>form,.operator>.form-stack{padding:16px}.script-row{flex-wrap:wrap}.script-row .actions{gap:4px}.form-columns{gap:8px}.editor-content{padding:16px}dialog{padding:16px}}@media(prefers-reduced-motion:no-preference){.save-button{transition:background-color .18s ease}}.nav .profile-tag,.profile-tag-preview{background:var(--profile-tag-bg, var(--soft));color:var(--profile-tag-fg, var(--ink))}.nav .profile-tag:hover{background:var(--profile-tag-bg, #e8e8e8)}.nav .profile-tag:focus-visible{background:#247b83;color:#fff}.profile-tag-preview{border-radius:8px;padding:12px 16px;font-weight:600}.profile-color-field,.reader-preference-fields{border:0;border-radius:8px;margin:0;padding:16px;background:#fafafa;display:grid;gap:16px;min-width:0}.profile-color-field legend,.reader-preference-fields legend{font-weight:700}.profile-color-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-color-controls input[type=color]{width:64px;min-height:48px;padding:6px;cursor:pointer}.profile-color-controls input[type=color]::-webkit-color-swatch-wrapper{padding:0}.profile-color-controls input[type=color]::-webkit-color-swatch{border:0;border-radius:5px}.profile-color-controls input[type=color]::-moz-color-swatch{border:0;border-radius:5px}.reader-preference-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.reader-preference-toggles .countdown-pref{grid-column:1 / -1}.reader-preference-toggles input[readonly]{opacity:.7}.operator-devices{border-radius:8px;background:#fff;padding:24px;margin-bottom:16px;display:grid;gap:12px}.operator-device-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 16px;border-radius:8px;background:#f5f5f5;overflow-wrap:anywhere}.operator-device-row p{color:var(--muted)}.operator.operator-connected{max-width:none}.operator-workspace{display:grid;grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:24px;align-items:start}.operator-controls>.form-stack,.operator-preview{background:#fff;border-radius:8px;padding:24px}.operator-step,.operator-font,.operator-preview{display:grid;gap:12px}.operator-font-step{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}.operator-font-step input{text-align:center;font-variant-numeric:tabular-nums}.operator-preview{position:sticky;top:16px}.operator-preview-surface{display:block;width:min(100%,calc(74dvh * var(--preview-ratio)));height:auto;aspect-ratio:var(--preview-ratio);background:#000;overflow:hidden;justify-self:center}.operator-preview-surface text{font-optical-sizing:none}.operator-preview-empty{min-height:160px;display:grid;place-items:center;text-align:center;padding:16px;border-radius:8px;color:var(--muted);background:#f5f5f5}@media(max-width:800px){.operator-workspace{grid-template-columns:minmax(0,1fr)}.operator-preview{position:static;grid-row:1}}@media(max-width:500px){.reader-preference-toggles{grid-template-columns:minmax(0,1fr)}.operator-devices,.operator-controls>.form-stack,.operator-preview{padding:16px}.operator-device-row{grid-template-columns:minmax(0,1fr);gap:8px}}
