body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.viewer{background:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.section-selector{background:#2a2a2a;border-bottom:2px solid #667eea;overflow-x:auto;padding:1rem;position:-webkit-sticky;position:sticky;scroll-padding:50%;top:0;white-space:nowrap;z-index:100}.section-selector:after,.section-selector:before{content:"";display:inline-block;width:calc(50vw - 100px)}.section-item{background:#3a3a3a;border-radius:8px;cursor:pointer;display:inline-block;margin:0 .5rem;padding:.75rem 1.5rem;transition:all .2s}.section-item:hover{background:#4a4a4a}.section-item.active{background:#667eea;transform:scale(1.1)}.section-number{background:#fff3;border-radius:50%;display:inline-block;font-size:.9rem;font-weight:700;height:24px;line-height:24px;margin-right:.5rem;text-align:center;width:24px}.section-title{font-size:1rem;font-weight:500}.portrait-container{margin:0 auto;max-width:100vw;overflow:hidden;position:relative;width:100%}.portrait-container img{display:block;height:auto;max-width:100%;width:100%}.portrait-image{border-radius:4px;display:block;height:auto;width:100%}.highlight-line{background:#ffd70040;margin-left:3px;margin-right:3px;pointer-events:none;position:absolute;transition:all .3s ease}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:40vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:90%}.modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:background .2s;width:36px}.modal-close:hover{background:#fff3}.modal-content h2{color:#667eea;font-size:1.5rem;margin-bottom:1rem;margin-top:0}.media-icons{border-bottom:1px solid #ffffff1a;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.media-icon{align-items:center;background:#3a3a3a;border:2px solid #667eea;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;transition:all .2s;width:50px}.media-icon:hover{background:#667eea;transform:scale(1.1)}.media-icon:active{transform:scale(.95)}.expanded-media{animation:slideDown .3s ease;border-radius:8px;margin-bottom:1.5rem;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.expanded-media img,.expanded-media video{display:block;width:100%}.modal-text{color:#1a1a1a;font-size:.8rem;line-height:1.6}.loading{align-items:center;background:#1a1a1a;color:#fff;display:flex;font-size:1.5rem;justify-content:center;min-height:100vh}.media-icon.playing{background:#e74c3c;border-color:#c0392b}@media (max-width:768px){.section-selector{-webkit-overflow-scrolling:touch;overflow-x:scroll}.modal-content{margin:1rem;max-width:100%;padding:1.5rem}.modal-text{font-size:.8rem}.media-icon{font-size:1.3rem;height:44px;width:44px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.0df245d3.css.map*/