@font-face{font-family:Sohne Buch;src:url(/brand/Sohne-Buch.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Sohne Kraftig;src:url(/brand/Sohne-Kraftig.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Noto Serif Display;src:url(/brand/Noto-Serif-Display-BoldItalic.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}*{box-sizing:border-box}body{color:#2e2d2c;background:linear-gradient(145deg,#fff 20%,#fff1f5);margin:0;font-family:Sohne Buch,Arial,sans-serif}main{max-width:1640px;margin:auto;padding:20px 36px 32px}header{border-bottom:1px solid #d6d5d5;justify-content:space-between;align-items:center;gap:24px;padding-bottom:14px;display:flex}.identity{align-items:center;gap:14px;display:flex}.wordmark{color:#d10073;font:italic 700 27px Noto Serif Display,serif}.by{color:#706f6f;font-size:13px}.identity img{object-fit:contain}.metadata{color:#706f6f;gap:16px;font-size:13px;display:flex}.intro{justify-content:space-between;align-items:baseline;gap:20px;margin:25px 0 22px;display:flex}h1{color:#d10073;letter-spacing:-.7px;margin:0;font:italic 700 34px Noto Serif Display,serif}.intro p{color:#706f6f;margin:0;font-size:15px;line-height:1.5}.viewer{background:#fff;border:1px solid #d6d5d5;border-radius:16px;overflow:hidden;box-shadow:0 16px 50px #2e2d2c18}.loading,.player-error{aspect-ratio:16/9;color:#706f6f;justify-content:center;align-items:center;gap:20px;display:flex}.player-error small{display:block}.chapters{flex-wrap:wrap;gap:8px;margin:24px 0 18px;display:flex}.chapters button{cursor:pointer;color:#2e2d2c;background:#fff;border:1px solid #d6d5d5;border-radius:25px;padding:11px 14px;font:400 13px Sohne Buch,Arial,sans-serif;transition:border-color .15s,background .15s}.chapters button:hover,.chapters button:focus-visible{background:#fff1f5;border-color:#d10073;outline:none}.chapters button span{color:#d10073;margin-right:8px;font-family:Sohne Kraftig}footer{color:#706f6f;font-size:12px;line-height:1.5}footer p{margin:5px 0}@media (width<=800px){main{padding:16px}.metadata{display:none}.intro{margin:20px 0;display:block}.intro p{margin-top:9px}h1{font-size:28px}.wordmark{font-size:23px}.viewer{border-radius:9px}.chapters{gap:7px;margin-top:18px}.chapters button{padding:9px 12px;font-size:12px}.identity img{width:85px}.identity{gap:10px}}.stage{aspect-ratio:16/9;background:#fff1f5;flex-shrink:0;width:100%}.transport{color:#2e2d2c;background:#fff;border-top:1px solid #e8e4e6;flex-shrink:0;align-items:center;gap:18px;padding:17px 24px 15px;display:flex}.icon-button{color:#d10073;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.icon-button:hover{background:#fff1f5}.icon-button svg{width:22px;height:22px}.icon-button:focus-visible,.timeline:focus-visible{outline-offset:4px;outline:2px solid #d10073}.timeline-area{flex:1;min-width:0}.timeline{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;height:28px;position:relative}.rail{background:#e9e3e6;border-radius:6px;width:100%;height:6px;position:absolute;top:11px;left:0;overflow:hidden}.progress{background:#d10073;height:100%}.playhead{background:#d10073;border-radius:4px;width:16px;height:18px;position:absolute;top:5px;transform:translate(-50%);box-shadow:0 0 0 3px #d1007315}.dragging .playhead,.timeline:hover .playhead{background:#a8005c;box-shadow:0 0 0 5px #d1007320}.time-row{font-variant-numeric:tabular-nums;justify-content:space-between;gap:10px;margin-top:4px;font-size:12px;display:flex}.muted{color:#706f6f}.viewer:is(:fullscreen,.is-fullscreen){background:#fff1f5;border:0;border-radius:0;flex-direction:column;justify-content:center;padding:0 20px;display:flex}.viewer:is(:fullscreen,.is-fullscreen) .stage{align-self:center;width:min(100%,177.778dvh - 160px)}.viewer:is(:fullscreen,.is-fullscreen) .transport{border-radius:12px;width:100%}@media (width<=700px){.transport{gap:7px;padding:12px}.icon-button{width:32px;height:40px}.time-row{font-size:10px}.viewer:is(:fullscreen,.is-fullscreen){padding:0 8px}.viewer:is(:fullscreen,.is-fullscreen) .stage{width:min(100%,177.778dvh - 152.889px)}}.viewer.is-fullscreen{z-index:1000;width:100%;height:100dvh;position:fixed;inset:0}