@font-face{font-family:hn futura;src:url(/assets/Hershey-Noailles-Futura-Simplex-Regular-rsk9r3P4.otf)format("opentype");font-weight:400}@font-face{font-family:hn futura;src:url(/assets/Hershey-Noailles-Futura-Simplex-Bold-B650FSSW.otf)format("opentype");font-weight:700}@font-face{font-family:hn times;src:url(/assets/Hershey-Noailles-Times-Simplex-Regular-CeSwKsxC.otf)format("opentype")}@font-face{font-family:hn times duplex;src:url(/assets/Hershey-Noailles-Times-Duplex-Regular-8vv32hi_.otf)format("opentype")}@font-face{font-family:hn italic;src:url(/assets/Hershey-Noailles-Times-Triplex-Italic-Regular-OcdzE4OW.otf)format("opentype")}:root{--paper:#f2f0e9;--ink:#1b1b1b;--pencil:#8a877f;--red:#d8402f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);margin:0;font:17px/1.45 hn futura,Helvetica,Arial,sans-serif}button,input{font:inherit;color:inherit}.page{grid-template-columns:340px minmax(0,1fr);gap:56px;height:100vh;padding:32px 40px;display:grid}.side{flex-direction:column;gap:28px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}h1{margin:0;font:64px/1 hn italic,Georgia,serif}.lede{color:#55534d;margin:8px 0 0}label,dt{color:var(--pencil);font-size:15px}.phrase{flex-direction:column;gap:2px;display:flex}input[type=text]{border:0;border-bottom:1px solid var(--ink);background:0 0;border-radius:0;outline:none;width:100%;padding:0 0 4px;font:30px/1.2 hn times duplex,Georgia,serif}input[type=text].small{padding-bottom:2px;font:17px/1.4 hn futura,Helvetica,Arial,sans-serif}input[type=text]::placeholder{color:#b5b2a9}input[type=text]:focus{border-bottom-color:var(--red)}.note{color:var(--pencil);margin:0;font-size:15px}.note:empty{display:none}.camera{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.viewport{aspect-ratio:4/3;background:var(--ink);width:100%;position:relative}.viewport canvas{width:100%;height:100%;position:absolute;inset:0}.overlay{color:var(--paper);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.overlay p{color:#f2f0e9a6;margin:0}.overlay .count{font-size:120px;line-height:1}.overlay .say{text-align:left;background:#1b1b1bbf;padding:8px 12px 10px;position:absolute;bottom:0;left:0;right:0}.progress{background:var(--red);width:0;height:2px;position:absolute;bottom:0;left:0}.button{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:8px;padding:6px 14px 5px;font-weight:700;display:inline-flex}.button:hover:not(:disabled){background:var(--ink);color:var(--paper)}.button:disabled{color:var(--pencil);border-color:var(--pencil);cursor:default}.dot{background:var(--red);border-radius:50%;width:9px;height:9px}#download .dot{display:none}.recording .dot{animation:1s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.settings{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px 12px;margin:0;display:grid}.settings dd{min-width:0;margin:0}.choice{flex-wrap:wrap;gap:4px 16px;display:flex}.choice button,.text-button{color:var(--pencil);cursor:pointer;background:0 0;border:0;padding:0}.choice button:hover,.text-button:hover{color:var(--ink)}.choice button[aria-checked=true],.text-button{color:var(--ink);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatches button{cursor:pointer;border:0;grid-template-rows:repeat(3,1fr);width:26px;height:26px;padding:0;display:grid}.swatches button span{justify-content:center;align-items:center;display:flex}.swatches button span i{border-radius:50%;width:60%;height:40%}.swatches button[aria-checked=true]{outline:1px solid var(--ink);outline-offset:3px}.swatches .shuffle{width:auto;height:auto;color:var(--pencil);text-underline-offset:4px;background:0 0;margin-left:4px;text-decoration:underline;text-decoration-thickness:1px;display:inline}.swatches .shuffle:hover{color:var(--ink)}input[type=range]{appearance:none;background:linear-gradient(var(--ink), var(--ink)) center / 100% 1px no-repeat;cursor:pointer;width:100%;height:14px;margin:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--ink);background:var(--paper);border-radius:50%;width:10px;height:10px}input[type=range]::-moz-range-thumb{border:1px solid var(--ink);background:var(--paper);border-radius:50%;width:10px;height:10px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--ink);vertical-align:middle;margin:0}.save{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:8px;display:flex}button:focus-visible,input:focus-visible{outline:1px dashed var(--red);outline-offset:3px}.stage{flex-direction:column;gap:20px;min-width:0;min-height:0;display:flex}.poster-wrap{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}#poster{outline:1px solid #1b1b1b33;display:block}#poster.pickable{cursor:pointer}.timeline{flex:none}.timeline-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:6px;display:flex}#timeline{touch-action:none;width:100%;display:block}@media (width<=860px){.page{grid-template-columns:1fr;gap:40px;height:auto;padding:24px 16px 40px}.side{overflow:visible}h1{font-size:52px}.poster-wrap{flex:none}}