:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#2c3e50;background-color:#fcfbf4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#eae8dc;color:#2c3e50;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:100vw;margin:0;padding:0;text-align:center;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fcfbf4;font-family:Georgia,Times New Roman,Times,serif;color:#2c3e50;overflow:hidden}*,*:before,*:after{box-sizing:border-box}.App{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.slide-container{width:100%;height:100%;position:relative;background-color:#fcfbf4;display:flex;justify-content:center;align-items:center}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#0000001a;color:#2c3e50;border:none;font-size:3rem;padding:20px;cursor:pointer;z-index:100;transition:background-color .3s;border-radius:5px;display:flex;align-items:center;justify-content:center}.nav-button:hover:not(:disabled){background-color:#0003}.nav-button:disabled{opacity:.1;cursor:default}.prev{left:20px}.next{right:20px}.slide-content{width:100%;height:100%;display:flex;flex-direction:column}.image-area{flex:75;display:flex;justify-content:center;align-items:center;padding:0;background-color:#fcfbf4;overflow:visible;position:relative}.image-area img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.text-area{flex:25;display:flex;flex-direction:column;gap:1rem;padding:1rem 3rem;background-color:#fcfbf4;text-align:left;border-top:none;align-items:stretch;position:relative}.col-left,.col-right{flex:1;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:10px}.text-content{column-count:2;column-gap:4rem;column-fill:balance;width:100%;height:auto;display:block;padding-bottom:0}p{line-height:1.3;color:#2c3e50;font-size:1rem;margin:0 0 .15rem;break-inside:avoid}.text-area::-webkit-scrollbar{width:8px}.text-area::-webkit-scrollbar-track{background:#111}.text-area::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.play-button{width:60px;height:60px;border-radius:50%;background-color:#ffffffe6;color:#2c3e50;border:2px solid #2c3e50;font-size:1.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:10;margin-top:0;outline:none;-webkit-tap-highlight-color:transparent}.play-button:focus{outline:none}.play-button:hover{background-color:#fff6;transform:translate(-50%,50%) scale(1.1);box-shadow:0 0 15px #ffffff4d;border-color:#2c3e50}.play-button.playing{background-color:#ffffff1a;border-color:#2c3e50;color:#2c3e50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pulse 2s infinite}.play-button.playing:hover{background-color:#fff3;border-color:#2c3e50}@keyframes pulse{0%{box-shadow:0 0 #fff3}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}@media(max-width:1024px){.text-area{padding:1.5rem 3rem;gap:2rem}}@media(max-width:1024px){.slide-content{flex-direction:column;position:relative}.image-area{flex:0 0 auto;height:auto;width:100%;aspect-ratio:16 / 9;position:relative}.image-area img{object-fit:contain;object-position:center top;width:100%;height:100%}.text-area{flex:1;height:auto;flex-direction:column;gap:1rem;padding:2rem 1.5rem 6rem;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;overflow-x:hidden}.text-content{column-count:auto;height:auto;display:block}.nav-button{font-size:2rem;padding:10px;background-color:#ffffff4d;top:50%;transform:translateY(-50%);bottom:auto}.prev{left:10px}.next{right:10px}}.play-button{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);z-index:1000;top:auto;margin:0}@media(min-width:1025px){.image-area{position:relative;flex:1 1 auto;min-height:40%;height:auto!important}.text-area{flex:0 0 auto;min-height:0;max-height:60%;height:auto!important}}