*{box-sizing:border-box}.page,body,html{height:100%}body{margin:0;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;color:#222;background:#eee}.page{position:fixed;top:0;left:0;width:100%;height:100vh;background-image:url(/texture.png);background-size:cover;background-position:50%;background-attachment:fixed;overflow:hidden}.page .overlay{position:absolute;inset:0;background:rgba(255,245,230,.55);mix-blend-mode:multiply;pointer-events:none}.poem-wrap{position:relative;max-width:820px;margin:0 auto;height:100vh;overflow-y:auto;overflow-x:hidden;padding:10vh 24px 20vh;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.poem-wrap::-webkit-scrollbar{width:8px}.poem-wrap::-webkit-scrollbar-track{background:transparent}.poem-wrap::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.poem-wrap::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}#poem svg{width:100%}.typewriter-container{font-family:Times,Times New Roman,serif;font-size:18px;color:#2c2c2c;line-height:1.8;min-height:300px}.poem-line-typewriter{margin:0 0 25px;font-style:italic;position:relative;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.cursor{display:inline-block;background-color:#2c2c2c;width:2px;animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.nav-btn{position:fixed;bottom:20px;width:62px;height:62px;padding:4px;border:none;border-radius:50%;background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);cursor:pointer;font-size:16px;line-height:1;transition:transform .1s ease,opacity .2s ease,background .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.nav-btn:hover{transform:translateY(-1px);background:hsla(0,0%,100%,.3)}.nav-btn:active{transform:translateY(0);background:hsla(0,0%,100%,.25)}.nav-btn.left{left:20px}.nav-btn.right{right:20px}.nav-btn.center{left:50%;margin-left:-19px;width:46px;height:46px;bottom:24px}.nav-btn.center:hover{transform:translateY(-1px)}.nav-btn.center:active{transform:translateY(0)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.nav-btn:disabled,.nav-btn:disabled:hover{transform:none;background:hsla(0,0%,100%,.1)}.poem-header{text-align:center;margin-bottom:20px;min-height:60px}.loading-indicator{color:#666;font-style:italic;font-size:14px;margin-bottom:10px}.error-message{color:#d32f2f;font-size:14px;margin-bottom:10px;padding:8px 12px;background:rgba(211,47,47,.1);border-radius:4px;border:1px solid rgba(211,47,47,.2)}.poem-info{color:#666;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.poem-info-pfp{width:34px;height:34px;border-radius:50%;object-fit:cover;display:inline-block;vertical-align:middle;border:2px solid #fff;margin:0 8px}.creator-info{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.creator-pfp{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid hsla(0,0%,100%,.8);box-shadow:0 2px 4px rgba(0,0,0,.1)}.creator-details{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.creator-name{font-size:16px;font-weight:600;color:#2c2c2c;line-height:1.2}.creator-name,.creator-username{font-family:ui-sans-serif,system-ui,sans-serif}.creator-username{font-size:14px;color:#666;font-weight:400}.poem-controls{margin-top:40px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.channel-input{padding:8px 12px;border:1px solid rgba(0,0,0,.2);border-radius:6px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:14px;width:100%;max-width:300px;font-family:ui-sans-serif,system-ui,sans-serif}.channel-input:focus{outline:none;border-color:rgba(0,0,0,.4);box-shadow:0 0 0 2px rgba(0,0,0,.1)}.refresh-btn{padding:8px 16px;border:1px solid rgba(0,0,0,.2);border-radius:6px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;font-size:14px;font-weight:500;transition:transform .1s ease,background .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.refresh-btn:hover{transform:translateY(-1px);background:hsla(0,0%,100%,.95)}.refresh-btn:active{transform:translateY(0)}.poem-images{margin-top:20px;display:flex;flex-direction:column;gap:20px;align-items:center}.poem-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);border:2px solid hsla(0,0%,100%,.8);transition:transform .2s ease,box-shadow .2s ease}.poem-image:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2)}@media (max-width:768px){.poem-controls{margin-top:30px}.channel-input{font-size:16px}.poem-header{min-height:50px}.poem-images{margin-top:15px;gap:15px}}