:root{--paper:#f4ede2;--ink:#1b1815;--ink-deep:#100e0c;--red:#fc3f1d;--muted:#8a8073;--line:#1b181529;--green:#1e965a;--green-ink:#14603a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Onest,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}h1,h2,h3,.booktitle{font-family:Georgia,Times New Roman,serif;line-height:1.1}.wrap{max-width:44rem;margin:0 auto;padding:clamp(1.2rem,5vw,3rem)}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin-bottom:.8rem;font-size:.78rem;font-weight:600}.hello{margin-bottom:.8rem;font-size:clamp(1.9rem,7vw,3rem)}.dim{color:var(--muted)}.err{color:var(--red);margin-top:1rem;font-weight:600}.msg{border-left:3px solid var(--red);background:#fc3f1d12;margin-top:1rem;padding:.7rem 1rem}.btn{appearance:none;cursor:pointer;background:var(--red);color:var(--paper);font:inherit;text-align:center;border:0;border-radius:4px;margin-top:1rem;padding:.85rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.btn:disabled{opacity:.45;cursor:default}.btn.big{width:100%;padding:1.15rem;font-size:1.15rem}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn.danger{background:var(--ink-deep)}.btn.tiny{margin:0 0 0 .6rem;padding:.3rem .6rem;font-size:.78rem}.row{flex-wrap:wrap;gap:.7rem;display:flex}.inp{width:100%;font:inherit;border:1px solid var(--line);background:#fff;border-radius:4px;margin-top:.8rem;padding:.9rem 1rem;display:block}.area{resize:vertical}.qbox{border-top:1px solid var(--line);margin-top:1.6rem;padding-top:1.1rem}.qlabel{letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-size:.72rem;font-weight:600}.qtext{margin-top:.3rem;font-family:Georgia,serif;font-size:1.35rem}.qr{width:min(78vw,22rem);margin:1.4rem auto;display:block}.qr.big{width:min(52vh,30rem)}.qrlink{text-align:center;color:var(--muted);word-break:break-all;font-size:.8rem}.chapter{margin-top:2.4rem}.chapter h2{margin-bottom:.5rem;font-size:clamp(1.4rem,4.5vw,2rem)}.chapter p{margin-top:.9rem;font-size:1.08rem}.coauthor{color:var(--muted);font-size:.92rem;font-style:italic}.ill{border-radius:4px;width:100%;margin:1.2rem 0;display:block;box-shadow:0 10px 30px #1b181524}.booktitle{margin-bottom:1rem;font-size:clamp(2rem,8vw,3.4rem)}.authors{columns:2;margin-top:.6rem;font-size:1rem;list-style:none}.authors li{break-inside:avoid;padding:.15rem 0}.waiting .pulse{background:linear-gradient(90deg, var(--red), transparent);border-radius:2px;height:3px;margin-top:1.4rem;animation:1.6s ease-in-out infinite slide}@keyframes slide{0%,to{opacity:.25}50%{opacity:1}}.actions{border-top:1px solid var(--line);margin-top:2.6rem;padding-top:1.4rem}.actions h3{margin-bottom:.4rem;font-size:1.3rem}.screen{background:var(--ink-deep);min-height:100vh;color:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.6vh;padding:3vh 4vw;transition:background .5s;display:flex}.screen.flash{background:#241512}.screen.flash .fresh{animation:.7s cubic-bezier(.16,1,.3,1) rise,2.4s ease-out freshglow}@keyframes freshglow{0%{background:#fc3f1d24;box-shadow:0 0 #fc3f1d00}30%{box-shadow:0 0 80px 8px #fc3f1d40}to{background:0 0;box-shadow:0 0 #fc3f1d00}}.screen .kicker{color:var(--red);font-size:clamp(.8rem,1.3vw,1.15rem)}.screen .dim{color:#f4ede294}.shead h1{max-width:20ch;margin:0 auto;font-size:clamp(2rem,5.4vw,4.6rem)}.hero{text-align:left;align-items:center;gap:clamp(2rem,5vw,5rem);margin-top:1vh;display:flex}.heroimg{aspect-ratio:3/4;object-fit:cover;border-radius:24px;width:clamp(13rem,24vw,23rem);display:block;box-shadow:0 30px 90px #fc3f1d2e}.herotitle{font-size:clamp(3rem,7.5vw,6.5rem)}.herocta{color:var(--paper);max-width:18ch;margin-top:.6em;font-size:clamp(1.2rem,2.4vw,2.2rem)}.herosmall{margin-top:.9em;font-size:clamp(.95rem,1.5vw,1.3rem)}@media (max-aspect-ratio:1){.hero{text-align:center;flex-direction:column}.herocta{max-width:none}}.fresh{text-align:left;border-top:1px solid #f4ede229;border-bottom:1px solid #f4ede229;grid-template-columns:auto 1fr;align-items:center;gap:clamp(1rem,2.4vw,2.2rem);width:100%;max-width:min(88vw,62rem);margin-top:1vh;padding:clamp(.9rem,2vh,1.6rem) 0;animation:.7s cubic-bezier(.16,1,.3,1) rise;display:grid}@keyframes rise{to{opacity:1;transform:none}}.freshill{aspect-ratio:3/4;object-fit:cover;border-radius:4px;width:clamp(6.5rem,12vw,11rem);display:block}.freshline{color:#f4ede2b8;max-width:48ch;margin-top:.45em;font-size:clamp(.95rem,1.5vw,1.35rem);font-style:italic}.freshtag{letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-size:clamp(.7rem,1vw,.9rem);font-weight:600}.freshtitle{margin-top:.3em;font-family:Georgia,serif;font-size:clamp(1.3rem,2.6vw,2.3rem);line-height:1.15}.freshguest{color:var(--paper);margin-top:.35em;font-size:clamp(1rem,1.7vw,1.5rem);font-weight:600}.prev{text-align:left;color:#f4ede280;flex-direction:column;gap:.25rem;width:100%;max-width:min(88vw,62rem);font-size:clamp(.85rem,1.15vw,1.05rem);list-style:none;display:flex}.prev b{color:var(--red);margin-right:.4em;font-family:Georgia,serif}.prev .pg{color:#f4ede2b8}.counters{flex-wrap:wrap;justify-content:center;gap:clamp(1.6rem,6vw,5.5rem);margin-top:1.5vh;display:flex}.cnt{flex-direction:column;gap:.2rem;display:flex}.cnt b{color:var(--red);font-family:Georgia,serif;font-size:clamp(2.4rem,7.5vw,5.5rem);line-height:1}.cnt span{color:#f4ede29e;font-size:clamp(.8rem,1.15vw,1.05rem)}.foot{margin-top:2vh;font-size:clamp(.9rem,1.4vw,1.25rem)}.screen.final{justify-content:center;gap:2vh}.reveal .step1,.reveal .step2,.reveal .step3,.reveal .step4,.reveal .step5{opacity:0;animation:.9s cubic-bezier(.2,.7,.3,1) forwards rise;transform:translateY(1.2rem)}.reveal .step1{animation-delay:.15s}.reveal .step2{animation-delay:.9s}.reveal .step3{animation-delay:1.9s}.reveal .step4{animation-delay:2.8s}.reveal .step5{animation-delay:3.9s}.finaltitle{font-size:clamp(3rem,8.5vw,7.5rem)}.finalby{margin-bottom:.3em;font-family:Georgia,serif;font-size:clamp(1.3rem,2.8vw,2.6rem)}.reveal .qr.big{border-radius:8px;animation:.9s cubic-bezier(.2,.7,.3,1) 2.8s forwards rise,4.5s ease-in-out 5.5s infinite qrglow}@keyframes qrglow{0%,to{box-shadow:0 0 #fc3f1d00}50%{box-shadow:0 0 90px 12px #fc3f1d4d}}.reveal .authors,.closingcount{color:var(--red);font-family:Georgia,serif;font-size:clamp(1.1rem,2.2vw,2rem)}.screen.closing{text-align:center;justify-content:center;gap:2.4vh}.screen.closing h1{font-size:clamp(2rem,5vw,4rem)}.pulse.big{background:linear-gradient(90deg, transparent, var(--red), transparent);background-repeat:no-repeat;background-size:50% 100%;width:min(42vw,26rem);height:4px;margin:1vh auto;animation:2.2s ease-in-out infinite sweep}@keyframes sweep{0%{background-position:-60% 0}to{background-position:160% 0}}.namescloud{color:#f4ede2b3;max-width:min(88vw,72rem);font-size:clamp(.85rem,1.25vw,1.15rem);line-height:1.9}.panel{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.2rem}.panel h3{margin-bottom:.6rem;font-size:1.2rem}.chlist{list-style:none}.chlist li{border-bottom:1px solid var(--line);padding:.45rem 0;font-size:.95rem}.chlist li.hidden{opacity:.45;text-decoration:line-through}.allqr{padding:.6rem 0 .3rem}.allqr .qr{width:min(70vw,17rem);margin:.6rem auto}.logo{width:auto;height:1.6rem;color:var(--ink);display:block}.logo.dark{color:var(--ink)}.screen .logo,.screenlogo{height:clamp(1.5rem,2.4vw,2.2rem);color:var(--paper);margin:0}.logolock{color:var(--ink);align-items:flex-end;gap:.9rem;margin-bottom:1.4rem;display:flex}.logolock .logotag{letter-spacing:.06em;text-transform:uppercase;opacity:.7;white-space:nowrap;padding-bottom:5px;font-size:.74rem;line-height:1}.logolock.onscreen{color:var(--paper);justify-content:center;margin:0 auto 1.5vh}.logolock.onscreen .logotag{padding-bottom:6px;font-size:clamp(.6rem,.85vw,.9rem)}.status{border-left:3px solid var(--muted);background:#1b18150d;border-radius:4px;margin-top:1.4rem;padding:.9rem 1.1rem;font-size:.95rem}.status.ok{border-left-color:var(--green);color:var(--green-ink);background:#1e965a1a}.status.ok b{color:var(--green)}.chlist .tim{margin-top:.15rem;font-size:.78rem;display:block}.pulsedot{background:var(--red);border-radius:50%;width:.5rem;height:.5rem;margin-left:.3rem;animation:1.2s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}.status.bad{border-left-color:var(--ink-deep);background:#1b181514}.status b{margin-bottom:.2rem;display:block}.status .btn.tiny{margin-top:.6rem;margin-left:0;display:inline-block}.rec{margin:1.4rem 0 .4rem}.btn.mic{background:var(--ink-deep)}.btn.recording{background:var(--green);animation:1.4s infinite rec}@keyframes rec{0%,to{opacity:1}50%{opacity:.72}}.rec-hint{margin-top:.5rem;font-size:.88rem}.transcript{background:#1b18150d;border-radius:4px;margin-top:1rem;padding:.8rem 1rem;font-size:.92rem;line-height:1.45}.transcript b{color:var(--muted);font-weight:600}.btn.big.go{background:var(--green)}.illbox{margin:1.2rem 0}.illcap{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.5rem;font-size:.88rem;display:flex}.illcap.work{color:var(--green-ink)}.linkbtn{appearance:none;cursor:pointer;font:inherit;color:var(--red);background:0 0;border:0;padding:0;text-decoration:underline}.where{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.4rem;padding-bottom:.8rem;font-size:.82rem;display:flex}.warn{border-left:3px solid var(--red);background:#fc3f1d17;border-radius:4px;margin-top:.6rem;padding:.7rem .9rem;font-size:.9rem;line-height:1.4}.tries{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}.try{border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:.7rem}.try.picked{border-color:var(--green);background:#1e965a0f}.pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;display:grid}.pair img{border-radius:3px;width:100%;display:block}.pair .arrow{color:var(--muted);font-size:1.2rem}.slot{border:1px dashed var(--line);min-height:5rem;color:var(--green-ink);border-radius:3px;justify-content:center;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.try figcaption{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.5rem;font-size:.82rem;display:flex}.dim.small{margin-top:.6rem;font-size:.85rem}.howto{margin:1rem 0 .3rem;font-size:.92rem;line-height:1.5}.howto .step{grid-template-columns:1.6rem 1fr;margin-bottom:.45rem;display:grid}.howto .num{color:var(--red);font-weight:700}.howto p{margin-top:.6rem}.transcript summary{cursor:pointer;color:var(--muted);font-weight:600}.transcript p{margin-top:.5rem}.namestate{color:var(--muted);margin-top:.6rem;font-size:.85rem}.namestate.ok{color:var(--green);font-weight:600}.escape{color:var(--muted);margin-top:.8rem;font-size:.88rem;display:block}.nameedit{margin:.8rem 0 1rem}.nameedit .row{margin-top:.8rem}