*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-bg: #faf6f0;--color-surface: #ffffff;--color-text: #1c1f24;--color-text-muted: #6b7280;--color-border: #e3ddd2;--color-accent: #1671e0;--color-accent-contrast: #ffffff}@media(prefers-color-scheme:dark){:root{--color-bg: #14161a;--color-surface: #1c1f24;--color-text: #f2efe9;--color-text-muted: #9ca3af;--color-border: #2b2f36;--color-accent: #4f9dff;--color-accent-contrast: #0a0e14}}body{min-height:100dvh;background-color:var(--color-bg);color:var(--color-text)}.page{max-width:80ch;margin-inline:auto;padding:2rem}.wordmark{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:var(--color-text)}.wordmark__accent{color:var(--color-accent)}.editor{display:flex;flex-direction:column;gap:1.75rem;min-height:100dvh;max-width:60rem;margin-inline:auto;padding:2.5rem 1.5rem 3rem}.editor__header{display:flex;flex-direction:column;gap:.375rem}.editor__tagline{color:var(--color-text-muted);font-size:.95rem}.editor__panel{display:flex;flex-direction:column;gap:.5rem;flex:1}.editor__label{font-size:.85rem;font-weight:500;color:var(--color-text-muted)}.editor__textarea{flex:1;min-height:16rem;resize:vertical;background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;padding:1rem;font-size:1.05rem;line-height:1.6}.editor__textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.editor__settings{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1.25rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px}.setting{display:flex;align-items:center;gap:.625rem;font-size:.9rem}.setting--checkbox{cursor:pointer}.setting__value{min-width:3.5ch;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.editor__start{align-self:flex-start;padding:.75rem 1.75rem;background-color:var(--color-accent);color:var(--color-accent-contrast);border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s ease}.editor__start:disabled{opacity:.4;cursor:not-allowed}.editor__start:not(:disabled):hover{opacity:.9}.reader{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;background-color:#000;color:#fff}.reader__guide{position:absolute;top:42%;left:0;right:0;border-top:1px solid rgba(79,157,255,.35);pointer-events:none}.reader__scroll{flex:1;overflow-y:auto;scrollbar-width:none;padding:45vh 2rem 0}.reader__scroll::-webkit-scrollbar{display:none}.reader--mirrored .reader__scroll{transform:scaleX(-1)}.reader__text{max-width:48rem;margin-inline:auto;white-space:pre-wrap;line-height:1.5;font-weight:500;text-wrap:pretty}.reader__spacer{height:55vh}.reader__controls{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;padding:.875rem 1rem;background-color:#14161ad9;border-top:1px solid rgba(255,255,255,.12)}.reader__button{padding:.5rem .875rem;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:5px;font-size:.9rem;cursor:pointer;transition:background-color .15s ease}.reader__button:hover{background-color:#ffffff1a}.reader__button--primary{background-color:var(--color-accent);border-color:var(--color-accent);font-weight:600}.reader__button--primary:hover{background-color:var(--color-accent);opacity:.9}.reader__button--icon{padding:.5rem .625rem;line-height:1}.reader__group{display:flex;align-items:center;gap:.5rem}.reader__value{min-width:5.5ch;font-size:.85rem;color:#ffffffb3;font-variant-numeric:tabular-nums}.reader__button--recording{background-color:#e53b3b;border-color:#e53b3b;font-weight:600}.reader__button--recording:hover{background-color:#e53b3b;opacity:.9}.reader__camera-preview{position:absolute;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));width:90px;aspect-ratio:9 / 16;object-fit:cover;transform:scaleX(-1);border-radius:8px;border:1px solid rgba(255,255,255,.25);background-color:#000}.reader__record-indicator{position:absolute;top:max(1rem,env(safe-area-inset-top));left:max(1rem,env(safe-area-inset-left));display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:#14161ad9;border-radius:999px;font-size:.85rem;font-variant-numeric:tabular-nums}.reader__record-dot{width:8px;height:8px;border-radius:50%;background-color:#e53b3b;animation:reader-record-pulse 1.4s ease-in-out infinite}@keyframes reader-record-pulse{0%,to{opacity:1}50%{opacity:.35}}.reader__record-error{width:100%;color:#ff9b9b;font-size:.85rem}.reader__review{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem 1rem calc(1.25rem + env(safe-area-inset-bottom));background-color:#14161ad9;border-top:1px solid rgba(255,255,255,.12)}.reader__review-video{width:auto;max-width:100%;height:40vh;max-height:22rem;aspect-ratio:9 / 16;border-radius:8px;background-color:#000}.reader__review-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem}