:root{--primary-color: #e52e71;--secondary-color: #ff8a00;--text-color: #333;--background-color: #f9f9f9;--light-gray: #f1f1f1;--medium-gray: #e0e0e0;--dark-gray: #777}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color)}@media (max-width: 768px){html{font-size:14px}}@media (pointer: coarse){.poem-text,.poem-header h1{-webkit-user-select:none;user-select:none}}.poem-line{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;min-height:70vh}.poem-line.stanza-break{min-height:20vh;justify-content:center}.stanza-divider{width:100%;height:40px;display:flex;align-items:center;justify-content:center;position:relative}.stanza-divider:before,.stanza-divider:after{content:"";height:1px;flex-grow:1;background:linear-gradient(90deg,transparent,rgba(229,46,113,.2) 50%,transparent 100%);max-width:120px}.divider-ornament{width:10px;height:10px;background-color:#e52e7133;border-radius:50%;margin:0 15px;position:relative}.divider-ornament:before,.divider-ornament:after{content:"";position:absolute;width:6px;height:6px;background-color:#e52e7126;border-radius:50%;top:50%;transform:translateY(-50%)}.divider-ornament:before{left:-20px}.divider-ornament:after{right:-20px}.poem-media-container{margin-bottom:1.5rem;width:100%;max-width:300px;height:auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000001a}.poem-image{width:100%;height:auto;display:block}.poem-video{width:100%;height:auto;display:block;border-radius:12px;object-fit:cover;background-color:#000}.poem-text{font-size:1.5rem;text-align:center;font-weight:500;line-height:1.4;color:#333}.poem-container{width:100%;position:relative;padding:0;margin:0;background-color:#f9f9f9;overflow:visible}.poem-lines{padding:0 1rem}.poem-line-wrapper{scroll-snap-align:start;min-height:100vh;display:flex;align-items:center;justify-content:center}.poem-line-wrapper.stanza-break-wrapper{min-height:100vh;position:relative}.poem-line-wrapper.stanza-break-wrapper:before,.poem-line-wrapper.stanza-break-wrapper:after{content:"";position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(229,46,113,.1) 20%,rgba(229,46,113,.2) 50%,rgba(229,46,113,.1) 80%,transparent 100%)}.poem-line-wrapper.stanza-break-wrapper:before{top:0}.poem-line-wrapper.stanza-break-wrapper:after{bottom:0}.title-container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff8a00,#e52e71);color:#fff}.title-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem}.title-heading{font-size:3rem;margin-bottom:2rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2)}.enter-button{background-color:#fff;color:#e52e71;border:none;border-radius:30px;padding:1rem 3rem;font-size:1.5rem;font-weight:600;cursor:pointer;margin-bottom:1.5rem;box-shadow:0 4px 10px #0003;transition:transform .2s,box-shadow .2s}.enter-button:hover,.enter-button:focus{transform:translateY(-2px);box-shadow:0 6px 14px #0000004d}.enter-button:active{transform:translateY(1px);box-shadow:0 2px 6px #0003}.disclaimer-text{font-size:.9rem;opacity:.8;max-width:80%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-snap-type:y mandatory;scrollbar-width:thin;height:100%}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;touch-action:manipulation;overflow-x:hidden;overflow-y:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}html,body{overscroll-behavior:none}body.title-visible{overflow:hidden}.app{min-height:100vh;width:100%;position:relative}@media (min-width: 768px){.app{max-width:500px;margin:0 auto;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;box-shadow:0 0 20px #0000000d}}.title-container,.poem-container{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#root{max-width:1280px;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}