:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#595353de;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;display:flex;min-width:320px;font-family:Special Elite,monospace}#root{max-width:1280px;margin:0 auto;text-align:center}.app{margin-bottom:100px;position:relative}.app-header{padding-top:20px;padding-bottom:10px}.title{font-size:1.5rem}.sub-title{font-size:.9rem;color:#7c7676de}.app-options{position:absolute;top:10px;left:10px}.haiku-container{width:350px;background:linear-gradient(to bottom right,#fdf8f4,#f6f4f2);margin:15px 0;padding:20px 0;line-height:1.2;border-radius:15px}@media(min-width:768px){.haiku-container{width:500px}}.haiku-title{font-size:1.2rem;font-weight:700;color:#5c5a5a;margin-top:30px;text-transform:uppercase}@media(min-width:768px){.haiku-title{font-size:1.5rem}}.haiku-date{font-size:1rem;font-weight:700;color:#5c5a5a;text-align:right;margin-right:5%}@media(min-width:768px){.haiku-date{font-size:1.06rem}}.haiku-text{color:#706c6c}pre{font-family:Special Elite,monospace;font-size:.9rem;line-height:1.8}@media(min-width:768px){pre{font-size:1.2rem;line-height:1.8}}.haiku-img-container{width:90%;margin-bottom:15px;margin-left:5%;padding:0}.haiku-img{width:100%;border-radius:10px;height:"auto";transition:"opacity 0.5s ease"}.haiku-img:hover{cursor:pointer}.haiku-img-enlarged-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:zoom-out}.haiku-img-enlarged{max-width:90%;max-height:90%;object-fit:contain;border-radius:10px}.signup-container{margin:10px 0 0}.signup-bubble{color:#82a280;cursor:pointer;font-size:1rem;padding:7px 15px;border-radius:5px;background-color:#f8f8f8;border:none}.signup-bubble:hover{background-color:#e8e6e6;color:gray}.bubble-background{position:absolute;width:120px;height:120px;background:radial-gradient(circle,#8ebc8e99,#428a4200 70%);border-radius:50%;transform:translate(-55%,-75%);filter:blur(15px);z-index:0;animation:radialPulse 5s ease-in-out infinite}@keyframes radialPulse{0%{scale:1;opacity:.7}50%{transform:translate(-55%,-75%) scale(1.15);opacity:.9}to{scale:1;opacity:.7}}.signup-form-text{font-size:1rem;padding:5% 10%}.signup-form{position:fixed;top:110px;background:#fff;border-radius:16px;box-shadow:0 6px 20px #0003;padding:20px;width:310px;animation:floatUp 1s ease forwards;z-index:1000}@keyframes floatUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:768px){.signup-form{width:460px}}.signup-form h4{margin-top:0;color:#0b440e;text-align:center}.signup-form input,.signup-form textarea{width:90%;margin-top:.5rem;padding:.5rem;border-radius:8px;border:1px solid #ccc;font-size:.9rem}.signup-form button{background-color:#3fb27cbf;color:#fff;border:none;border-radius:8px;padding:.6rem;margin-top:.8rem;width:100%;cursor:pointer;font-weight:600;transition:transform .2s ease}@media(min-width:768px){.signup-form button{width:20%;margin-bottom:.8rem}}.signup-form button:hover{transform:scale(1.02);background-color:#3fb27cf2}.close-btn{position:absolute;top:10px;right:25px;font-size:1.2rem;font-weight:600;color:#3fb27cbf;background:none;border:none;cursor:pointer;transition:transform .2s ease,color .2s ease}.close-btn:hover{transform:scale(1.2);color:#3fb27cf2}