:root{--ukiyo-deep-blue: #0D3B66;--ukiyo-ocean-blue: #2A83C6;--ukiyo-light-teal: #78C2C4;--ukiyo-rust: #8F2E14;--ukiyo-wood: #C89F6D;--ukiyo-gold: #FFB11B;--ukiyo-pink: #E16B8C;--ukiyo-lavender: #A59ACA;--ukiyo-forest: #1A3C34;--ukiyo-black: #1C1C1C;--ukiyo-dark-gray: #4A4A4A;--ukiyo-cream: #E4DCD3;--bg-image-1: url(/imgs/main-bg01.png);--bg-image-2: url(/imgs/main-bg01.png)}.background-layer{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f8f5f0;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:-10}#bg-layer-1{background-image:var(--bg-image-1);z-index:-10}#bg-layer-2{background-image:var(--bg-image-2);opacity:0;transition:opacity 2s ease-in-out;z-index:-9}#bg-layer-2.crossfade{opacity:1}.main-container{position:relative;min-height:100vh;z-index:1}.haiku-card,.senryu-card,.tanka-card,.kyoka-card,.dodoitsu-card,.modernpoem-card{background-image:url(/imgs/paper.jpg.png);background-size:cover;background-position:center;position:relative;overflow:hidden;transition:background .3s ease;color:#1c1c1c!important}.haiku-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--ukiyo-pink) 0%,var(--ukiyo-light-teal) 100%);opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.haiku-card:hover:before{opacity:.85}.haiku-card:after{content:"";position:absolute;top:-50%;right:-10%;width:120px;height:120px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none}.haiku-card:hover:after{opacity:1}.senryu-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--ukiyo-pink) 0%,var(--ukiyo-light-teal) 100%);opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.senryu-card:hover:before{opacity:.85}.senryu-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(28,28,28,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none}.senryu-card:hover:after{opacity:1}.tanka-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--ukiyo-pink) 0%,var(--ukiyo-light-teal) 100%);opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.tanka-card:hover:before{opacity:.85}.tanka-card:after{content:"";position:absolute;top:10%;left:10%;width:80px;height:80px;background:radial-gradient(circle,rgba(255,255,255,.25) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none}.tanka-card:hover:after{opacity:1}.kyoka-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--ukiyo-pink) 0%,var(--ukiyo-light-teal) 100%);opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.kyoka-card:hover:before{opacity:.85}.kyoka-card:after{content:"";position:absolute;top:-20%;right:-20%;width:200px;height:200px;background:conic-gradient(from 45deg,transparent 0deg,rgba(255,255,255,.1) 90deg,transparent 180deg);border-radius:50%;opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none}.kyoka-card:hover:after{opacity:1}.dodoitsu-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--ukiyo-pink) 0%,var(--ukiyo-light-teal) 100%);opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.dodoitsu-card:hover:before{opacity:.85}.dodoitsu-card:after{content:"";position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;background:radial-gradient(ellipse,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none}.dodoitsu-card:hover:after{opacity:1}.modernpoem-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--ukiyo-pink) 0%,var(--ukiyo-light-teal) 100%);opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.modernpoem-card:hover:before{opacity:.85}.modernpoem-card:after{content:"✨";position:absolute;top:10%;right:15%;font-size:3rem;opacity:0;animation:sparkle 3s ease-in-out infinite;transition:opacity .3s ease;z-index:2;pointer-events:none}.modernpoem-card:hover:after{opacity:.3}.modernpoem-sparkle{content:"💫";position:absolute;bottom:15%;left:10%;font-size:2rem;opacity:0;animation:sparkle 3s ease-in-out infinite 1.5s;transition:opacity .3s ease;z-index:2;pointer-events:none}@keyframes sparkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.haiku-card>*,.senryu-card>*,.tanka-card>*,.kyoka-card>*,.dodoitsu-card>*,.modernpoem-card>*{position:relative;z-index:3}.share-buttons{display:flex;gap:.5rem;margin-top:1rem}.share-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background-image:url(/imgs/paper.jpg.png);background-size:cover;background-position:center;background-color:var(--ukiyo-cream);border:2px solid var(--ukiyo-dark-gray);color:var(--ukiyo-black);font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 0 var(--ukiyo-dark-gray);position:relative;overflow:hidden}.share-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--ukiyo-pink) 0%,var(--ukiyo-light-teal) 100%);opacity:0;transition:opacity .3s ease;z-index:1;pointer-events:none}.share-button:hover:before{opacity:.85}.share-button>*{position:relative;z-index:2}.share-button:hover{transform:translateY(1px) scale(1.02);box-shadow:0 1px 0 var(--ukiyo-dark-gray)}.share-button:active{transform:translateY(2px);box-shadow:none}.share-button svg{width:1.25rem;height:1.25rem;position:relative;z-index:2}@media(max-width:768px){.style-card-grid{grid-template-columns:1fr!important}.fuji-pattern:before{border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:75px solid rgba(13,59,102,.1)}.share-buttons{flex-direction:column;width:100%}.share-button{width:100%;justify-content:center}.poem-output{padding:1.5rem!important;min-height:200px!important}.poem-output button[title]{top:.5rem!important;right:.5rem!important;padding:.5rem!important}.ukiyo-input{min-height:48px;font-size:16px!important}.generate-button{width:100%;padding:1rem!important;font-size:1rem!important}h2{font-size:1.25rem!important}h3{font-size:1.125rem!important}.container{padding-left:1rem!important;padding-right:1rem!important}}@media(max-width:480px){.poem-output{padding:1rem!important}.language-buttons{flex-direction:column}.poem-text{font-size:1rem!important}}.wave-pattern{position:relative}.wave-pattern:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:radial-gradient(ellipse 100px 30px at 25% 100%,var(--ukiyo-ocean-blue) 40%,transparent 50%),radial-gradient(ellipse 100px 30px at 75% 100%,var(--ukiyo-ocean-blue) 40%,transparent 50%);opacity:.3}.fuji-pattern{position:relative}.fuji-pattern:before{content:"";position:fixed;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:200px solid transparent;border-right:200px solid transparent;border-bottom:150px solid rgba(13,59,102,.1);pointer-events:none;z-index:0}.woodblock-texture{position:relative}.woodblock-texture:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(28,28,28,.02) 2px,rgba(28,28,28,.02) 4px);pointer-events:none}.ukiyo-header{background:linear-gradient(90deg,var(--ukiyo-deep-blue) 0%,var(--ukiyo-ocean-blue) 100%);background-color:var(--ukiyo-deep-blue);border-bottom:3px solid var(--ukiyo-dark-gray);position:relative;z-index:1000}h2{text-shadow:0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.3)}.ukiyo-footer{text-align:center;padding:1.5rem 1rem;margin:1.5rem auto 1rem;max-width:400px;position:relative}.ukiyo-footer-content{background:var(--ukiyo-cream);border:2px solid var(--ukiyo-dark-gray);border-radius:.75rem;padding:1rem 1.5rem;position:relative;box-shadow:0 0 0 1px var(--ukiyo-cream),0 0 0 3px var(--ukiyo-dark-gray),0 0 0 4px var(--ukiyo-rust),0 0 0 6px var(--ukiyo-dark-gray),3px 3px 0 6px #4a4a4a1a;color:var(--ukiyo-black);font-weight:500;font-size:.75rem;opacity:.9}.ukiyo-footer-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(28,28,28,.02) 3px,rgba(28,28,28,.02) 6px);pointer-events:none;z-index:1}.ukiyo-footer-content>*{position:relative;z-index:2}@media(max-width:768px){.ukiyo-footer{padding:1rem .5rem;margin:1rem auto .5rem}.ukiyo-footer-content{padding:.75rem 1rem;box-shadow:0 0 0 1px var(--ukiyo-cream),0 0 0 2px var(--ukiyo-dark-gray),0 0 0 3px var(--ukiyo-rust),0 0 0 5px var(--ukiyo-dark-gray),2px 2px 0 5px #4a4a4a1a;font-size:.7rem}}.poem-output{background:var(--ukiyo-cream);border:2px solid var(--ukiyo-dark-gray);padding:2rem;position:relative;box-shadow:0 0 0 1px var(--ukiyo-cream),0 0 0 3px var(--ukiyo-dark-gray),0 0 0 4px var(--ukiyo-gold),0 0 0 6px var(--ukiyo-dark-gray),3px 3px 0 6px #4a4a4a1a;min-height:250px}.poem-output:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 20px,rgba(28,28,28,.02) 20px,rgba(28,28,28,.02) 21px);pointer-events:none;z-index:1}.poem-output>*{position:relative;z-index:2}.ukiyo-input{background:var(--ukiyo-cream);border:2px solid var(--ukiyo-dark-gray);color:var(--ukiyo-black);transition:all .2s ease}.ukiyo-input:focus{outline:none;border-color:var(--ukiyo-deep-blue);box-shadow:0 0 0 3px #0d3b661a}.generate-button{background:linear-gradient(135deg,var(--ukiyo-rust) 0%,var(--ukiyo-gold) 100%);border:3px solid var(--ukiyo-dark-gray);color:var(--ukiyo-cream);font-weight:700;text-shadow:1px 1px 2px rgba(28,28,28,.3);box-shadow:0 4px 0 var(--ukiyo-dark-gray);transition:all .1s ease}.generate-button:hover:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--ukiyo-dark-gray)}.generate-button:disabled{background:#888;border-color:#666;box-shadow:0 2px #666;opacity:.6}.sakura-decoration{position:fixed;pointer-events:none;z-index:1}@keyframes sakura-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.sakura{position:absolute;width:15px;height:15px;background:var(--ukiyo-pink);border-radius:50% 0;opacity:.6;animation:sakura-fall linear infinite}