:root{--background:#fff;--text:#1a1a1a;--provisional:#767676;--border:#ddd;--block-line:#5b6b8c;--notice-background:#fff3cd;--notice-text:#5c4400;--live:#c62828;--stopped:#767676;--button-background:#1a1a1a;--button-text:#fff;--secondary-text:#444;--block-background:#eef1f7;--error:#b00020;--focus:#8a6d00}:root[data-scheme]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--background);color:var(--text)}:root[data-scheme=dark]{--background:#121212;--text:#e6e6e6;--provisional:#9e9e9e;--border:#3a3a3a;--block-line:#8fa3cc;--notice-background:#3d3000;--notice-text:#ffe08a;--live:#ef5350;--stopped:#9e9e9e;--button-background:#e6e6e6;--button-text:#121212;--secondary-text:#bdbdbd;--block-background:#1e2430;--error:#ff6b7f;--focus:#e0c45c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.provisional{color:var(--provisional);font-style:italic}.block{padding-left:calc(3px + .5rem);font-style:italic;position:relative}.block:before{content:"";border-left:3px solid var(--block-line);position:absolute;top:0;bottom:0;left:0}.block:has(+.block):before{bottom:calc(-1 * var(--line-gap))}.block.paragraph-start{margin-top:var(--paragraph-gap)}.block.paragraph-start:before{top:calc(-1 * var(--paragraph-gap))}.viewer{font-size:calc(1rem * var(--text-scale,1));--line-gap:.75em;--paragraph-gap:.75em;column-gap:1.5rem;row-gap:var(--line-gap);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:1rem;line-height:1.5;display:grid}.viewer[data-spacing=compact]{--line-gap:.4em;line-height:1.3}.viewer[data-spacing=roomy]{--line-gap:1.1em;line-height:1.8}.panel{grid-template-rows:subgrid;display:grid}.panel p{overflow-wrap:anywhere;margin:0}.viewer-page{background:var(--background);height:100dvh;color:var(--text);flex-direction:column;display:flex;position:relative}.controls{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:.5rem 1rem;display:flex}.display{flex-wrap:wrap;flex-basis:100%;gap:.5rem 1.25rem;display:flex}.display fieldset{border:1px solid var(--border);border-radius:.375rem;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;margin:0;padding:.25rem .75rem .5rem;display:flex}.display button[aria-disabled=true]{opacity:.5;cursor:default}.display .size{text-align:center;min-width:3.5em}.recording{align-items:center;gap:.4rem;margin:0 0 0 auto;font-size:.9rem;display:flex}.recording .dot{background:var(--stopped);border-radius:50%;width:.6rem;height:.6rem}.recording[data-active=true] .dot{background:var(--live)}.connection{background:var(--notice-background);color:var(--notice-text);margin:0;padding:.5rem 1rem}.live{flex:1;min-height:0;overflow:hidden auto}.back-to-live{background:var(--button-background);color:var(--button-text);font:inherit;cursor:pointer;border:none;border-radius:999px;padding:.6rem 1.25rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000040}@media (width<=480px){.viewer{column-gap:.75rem;padding:.75rem}.controls{padding:.5rem .75rem}}.admin-page h1{margin:0;font-size:1.25rem}.record{color:#fff;font:inherit;cursor:pointer;background:#b00020;border:none;border-radius:.375rem;padding:.5rem 1rem}.record.stop{background:var(--button-background);color:var(--button-text)}.recording-status{margin:0}.recording-status.reconnecting,.recording-status.no-microphone,.recording-status.unsupported-microphone,.recording-status.failed,.recording-status.taken-over{background:var(--notice-background);color:var(--notice-text);border-radius:.25rem;padding:.25rem .5rem}.block-paste{border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;padding:.5rem 1rem;display:flex}.block-paste label{flex-direction:column;gap:.25rem;display:flex}.block-paste textarea{font:inherit;resize:vertical}.block-explanation p{max-width:60rem;color:var(--secondary-text);margin:0 0 .25rem}.block-buttons{gap:.5rem;display:flex}.active-block{border-left:3px solid var(--block-line);background:var(--block-background);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.25rem 1rem;display:flex}.active-block p{margin:0}.correction-notice{background:var(--notice-background);color:var(--notice-text);border-radius:.25rem;margin:0 1rem;padding:.25rem .5rem}.correction-notice p{margin:0}.panel.editable{--line-gap:0px;cursor:text;border-radius:.25rem;outline:none;display:block}.panel.editable:focus{box-shadow:0 0 0 2px var(--focus)}.panel.editable p{white-space:pre-wrap}.panel.aligned{--line-gap:0px;display:block;position:relative}.panel.aligned p{margin-top:0;position:absolute;left:0;right:0}.panel.editable p.unsaved{box-shadow:0 0 0 2px var(--error)}:root{color:#1a1a1a;background:#fff;font-family:system-ui,sans-serif;line-height:1.5}body{margin:0}