:root{font-family:Arial,sans-serif;color:#ede7d4;background:#192c2b;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,label{font:inherit}button,.file-button{border:1px solid #63746a;background:transparent;color:inherit;padding:11px 15px;border-radius:5px;cursor:pointer;min-height:44px}button:hover,.file-button:hover{background:#ffffff10}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,.file-button:focus-within{outline:3px solid #ffc778;outline-offset:4px}header{display:flex;align-items:center;gap:22px;padding:25px 4vw;border-bottom:1px solid #ffffff20}.brand{font-size:13px;letter-spacing:3px;font-weight:700;color:inherit;text-decoration:none}header button{margin-left:auto;font-size:12px}.badge{font-size:10px;letter-spacing:1px;border:1px solid #d8bc7740;color:#d8bc77;padding:7px 9px;border-radius:3px}.layout{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 96px)}.player{padding:46px 6vw 35px;background:radial-gradient(ellipse at 50% 35%,#344c40,transparent 60%)}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#adb9a5}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,4vw,64px);line-height:1.07;letter-spacing:-2px;margin:20px 0}h1 em{color:#d9bd80;font-weight:400}.intro{font-size:14px;line-height:1.6;color:#bac3b4}.bell{position:relative;height:175px;width:170px;margin:10px auto 14px;filter:drop-shadow(0 18px 12px #0004);transform-origin:50% 15%}.bell-handle{position:absolute;width:30px;height:34px;border:7px solid #c8a96a;border-radius:50%;left:70px;top:11px}.bell-body{position:absolute;left:27px;top:39px;width:116px;height:100px;background:linear-gradient(100deg,#8a6a38,#e9d3a0 40%,#b08b4c 74%,#665133);border-radius:58% 58% 12% 12%;clip-path:polygon(16% 0,84% 0,88% 66%,100% 100%,0 100%,12% 66%)}.bell-foot{position:absolute;top:131px;left:18px;width:134px;height:19px;background:linear-gradient(100deg,#ad8952,#eddaab,#8a6a38);border-radius:50%}.bell i{position:absolute;top:151px;left:80px;width:10px;height:16px;background:#bea578;border-radius:50%}.ringing{animation:sway 4s ease-in-out infinite}@keyframes sway{50%{transform:rotate(4deg)}}.story-label{text-align:center}.story-label>span{font-size:9px;letter-spacing:2px;color:#aabbac}.story-label h2{font:24px Georgia,serif;margin:10px}.transport{display:flex;align-items:center;gap:16px;margin:24px 0 14px}.play{background:#ddc38e;color:#1b2c29;width:56px;height:56px;font-size:21px;border-radius:50%;flex-shrink:0;border:0}.play:hover{background:#efdbad}.scrub{flex:1}.scrub label{display:flex;justify-content:space-between;font:12px monospace}.scrub input{width:100%;accent-color:#ddc38e;height:24px;cursor:pointer}.scrub label span{color:#a0afa3}.phase{font-size:10px;text-transform:uppercase;width:55px;color:#afbaa7}.hint{color:#a6b3a9;font-size:11px;line-height:1.7}.notice{border:1px solid #d5bb7d50;padding:15px 17px;margin-top:22px;border-radius:5px}.notice strong{font-size:12px;color:#e9cd92}.notice p{font-size:12px;color:#b6c1b5;line-height:1.65}.file-button{display:inline-flex;align-items:center;background:#d8bf8640;font-size:12px;position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.counter{border-left:1px solid #fff2;padding:35px 4vw;display:flex;flex-direction:column;background:#132523}.counter-top{display:flex;justify-content:space-between;gap:20px}.counter-top>span:last-child{font-size:8px;letter-spacing:1px;color:#8b9a8a}.reveal{flex:1;min-height:360px;display:flex;flex-direction:column;justify-content:center;max-width:470px;margin:auto;padding:40px 0}.pause-mark{font:70px Georgia,serif;color:#d7be7f70;margin-bottom:20px}.reveal h2{font:34px Georgia,serif;line-height:1.2;font-weight:400}.reveal p{font-size:14px;line-height:1.9;color:#abbbae;max-width:370px}.reveal .counter-text{font:24px/1.6 Georgia,serif;color:#e7dec5;max-width:none}.reveal .folio{font-size:10px;letter-spacing:2px;color:#d7bd82}.signature{color:#b6a77f;font:italic 14px Georgia,serif;margin-top:15px}.score{border-top:1px solid #fff2;padding-top:20px}.score-heading{display:flex;align-items:center;justify-content:space-between}.score h3{font:17px Georgia,serif}.score-heading>span{font-size:10px;color:#9fad9e}.regions{display:flex;gap:4px;overflow-x:auto;padding:5px}.regions button{flex:1;min-width:36px;padding:8px 3px;border:0;border-radius:2px;display:flex;align-items:center;flex-direction:column;gap:10px;background:#ffffff04}.regions button.selected{background:#d7bb7840}.regions span{font-size:9px;color:#b1bca7}.regions i{width:2px;background:#cab27c}.regions small{font:8px monospace;color:#abb7a1}.preview{font-size:12px;line-height:1.7;padding:15px;border:1px solid #fff2}.preview strong{color:#d9bf88}.edition{padding:30px 6vw;background:#213532;border-top:1px solid #fff2}summary{cursor:pointer;min-height:44px;font-size:14px;padding:10px 0}summary span{font-size:11px;color:#a6b2a5;margin-left:15px}.transcript{max-width:750px;font:19px/1.9 Georgia,serif;margin:30px auto;white-space:pre-wrap;overflow-wrap:anywhere}.tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.tools button{font-size:12px}.secondary{background:transparent}footer{padding:20px 6vw;font-size:11px;color:#a9b4a5}footer p{max-width:750px;line-height:1.7}footer button{font-size:11px;margin-right:10px}[role=status]{color:#e4c588;font-size:12px;min-height:15px}@media(max-width:800px){header{flex-wrap:wrap;gap:12px;padding:18px}.badge{font-size:8px}header button{font-size:10px;padding:8px}.layout{grid-template-columns:1fr}.player{padding:32px 7vw}.counter{border-left:0;border-top:1px solid #fff2;padding:30px 7vw}.reveal{min-height:330px;margin:0}.counter-top{gap:10px}.regions small{font-size:7px}.edition{padding:25px 7vw}summary span{display:block;margin:8px 0}h1{font-size:48px}.bell{height:165px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}