.poetry-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.9);animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.poetry-modal-content{position:relative;margin:2% auto;padding:0;width:90%;max-width:800px;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.3);animation:slideDown .3s ease;max-height:90vh;display:flex;flex-direction:column}@keyframes slideDown{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.poetry-modal-close{position:absolute;top:15px;right:20px;color:#333;font-size:32px;font-weight:bold;cursor:pointer;z-index:10000;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,0.9);transition:background-color .3s ease,transform .3s ease}.poetry-modal-close:hover,.poetry-modal-close:focus{background:#fff;transform:scale(1.1);color:#000;text-decoration:none}.poetry-modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid #e9ecef}.poetry-modal-header .poetry-modal-title{margin:0;font-size:1.75rem;font-weight:600;color:#333;text-align:center}.poetry-modal-body{padding:2rem;overflow-y:auto;flex:1;min-height:0}.poetry-modal-body .poetry-text-container{max-width:100%}.poetry-modal-body .poetry-text-container .poetry-text{font-family:"Georgia","Times New Roman",serif;font-size:1.1rem;line-height:1.8;color:#333;white-space:pre-wrap;word-wrap:break-word;text-align:left;cursor:pointer}.poetry-modal-body .poetry-text-container .poetry-text::after{content:"|";animation:blink 1s infinite;margin-left:2px}.poetry-modal-body .poetry-text-container .poetry-text.complete::after{display:none}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}.poetry-modal-footer{padding:1rem 2rem;border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 8px 8px}.poetry-modal-footer .poetry-modal-nav{display:flex;justify-content:space-between;align-items:center}.poetry-modal-footer .poetry-nav-btn{background:#333;color:#fff;border:0;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease,transform .3s ease;display:inline-flex;align-items:center;gap:.5rem}.poetry-modal-footer .poetry-nav-btn:hover{background:#555;transform:translateY(-2px)}.poetry-modal-footer .poetry-nav-btn:active{transform:translateY(0)}.poetry-modal-footer .poetry-nav-btn i{font-size:.85rem}@media(max-width:768px){.poetry-modal-content{width:95%;margin:5% auto;max-height:85vh}.poetry-modal-header{padding:1.5rem 1.5rem 1rem}.poetry-modal-header .poetry-modal-title{font-size:1.5rem}.poetry-modal-body{padding:1.5rem}.poetry-modal-body .poetry-text-container .poetry-text{font-size:1rem;line-height:1.6}.poetry-modal-footer{padding:1rem 1.5rem}.poetry-modal-footer .poetry-nav-btn{padding:.6rem 1.2rem;font-size:.85rem}.poetry-modal-close{top:10px;right:15px;font-size:28px;width:35px;height:35px}}@media(max-width:480px){.poetry-modal-content{width:100%;margin:0;max-height:100vh;border-radius:0}.poetry-modal-header{padding:1rem}.poetry-modal-header .poetry-modal-title{font-size:1.25rem}.poetry-modal-body{padding:1rem}.poetry-modal-body .poetry-text-container .poetry-text{font-size:.95rem;line-height:1.5}.poetry-modal-footer{padding:.75rem 1rem}}