.header{background-color:var(--cream-bg);border-bottom:2px solid var(--cream-dark);padding:1.5rem 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f5f1e8f2}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.logo{text-decoration:none;color:var(--text-primary);display:flex;align-items:center;gap:1rem}.logo-image{width:65px;height:65px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.logo-text{display:flex;flex-direction:column}.logo h1{font-size:1.8rem;font-weight:700;margin-bottom:.25rem;color:var(--accent-warm);line-height:1}.tagline{font-size:.9rem;color:var(--text-secondary);font-style:italic}.nav{display:flex;gap:2rem;align-items:center}.nav-link{font-size:1.1rem;font-weight:600;color:var(--text-secondary);position:relative;padding:.5rem 0;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:var(--accent-warm)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--accent-warm)}.tagline-nav{display:flex;flex-direction:column;align-items:center;gap:.5rem}@media (max-width: 768px){.header{padding:.5rem 0}.header-content{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.logo{flex-direction:row;gap:.5rem;min-width:0}.logo h1{font-size:1rem}.tagline-nav{flex-direction:column;gap:.25rem;align-items:center}.tagline{font-size:.7rem;text-align:center}.nav{gap:.75rem}.nav-link{font-size:.8rem;padding:.25rem 0}}@media (max-width: 480px){.header{padding:.4rem 0}.logo-image{width:30px;height:30px}.tagline{font-size:.65rem}.nav{gap:.5rem}.nav-link{font-size:.75rem}}.conversation-starters{position:fixed;bottom:8rem;right:2rem;display:flex;flex-direction:column;gap:.75rem;z-index:999}.starter-bubble{padding:.85rem 1.35rem;background:linear-gradient(135deg,var(--cream-light) 0%,var(--cream-card) 100%);border:2px solid var(--accent-warm);border-radius:25px;color:var(--text-primary);font-size:.9rem;font-family:var(--font-serif);font-style:italic;max-width:280px;text-align:left;box-shadow:0 6px 16px var(--shadow-soft),inset 0 1px #fff9;cursor:pointer;position:relative;opacity:0;transform:translateY(15px) scale(.95);animation:fadeInBubble .6s ease-out forwards}.starter-bubble:before{content:"";position:absolute;bottom:-10px;right:20px;width:20px;height:20px;background:var(--cream-card);border:2px solid var(--accent-warm);border-radius:50%;border-top:none;border-left:none;transform:rotate(45deg);box-shadow:2px 2px 4px var(--shadow-soft)}.starter-bubble:after{content:"";position:absolute;bottom:-18px;right:30px;width:12px;height:12px;background:var(--cream-card);border:2px solid var(--accent-warm);border-radius:50%;border-top:none;border-left:none;transform:rotate(45deg);box-shadow:2px 2px 4px var(--shadow-soft)}@keyframes fadeInBubble{0%{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.starter-bubble:hover{transform:translate(-5px) scale(1.03);background:linear-gradient(135deg,var(--accent-warm),var(--accent-soft));color:#fff;box-shadow:0 8px 24px #b8956a80,inset 0 1px #ffffff4d;border-color:var(--accent-deep)}.starter-bubble:hover:before,.starter-bubble:hover:after{background:var(--accent-soft);border-color:var(--accent-deep)}.ai-chat-button{position:fixed;bottom:2rem;right:2rem;width:100px;height:100px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;z-index:1000;padding:0;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.meerkat-avatar{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.ai-chat-button:hover{transform:scale(1.1);filter:drop-shadow(0 8px 20px rgba(0,0,0,.2))}.ai-chat-button:hover .meerkat-avatar{transform:scale(1.05)}.ai-chat-button.hidden{opacity:0;pointer-events:none;transform:scale(0)}.ai-chat-window{position:fixed;bottom:2rem;right:2rem;width:420px;max-width:calc(100vw - 4rem);height:600px;max-height:calc(100vh - 4rem);background-color:var(--cream-card);border:3px solid var(--cream-border);border-radius:24px;box-shadow:0 16px 48px var(--shadow-strong),inset 0 1px #ffffff80;display:flex;flex-direction:column;z-index:1000;animation:slideIn .3s ease-out;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--accent-warm),var(--accent-soft));color:#fff;border-bottom:3px solid var(--accent-deep)}.header-content{display:flex;align-items:center;gap:1rem}.header-avatar{width:48px;height:48px;object-fit:contain}.ai-chat-header h3{font-size:1.3rem;margin:0;font-weight:600;line-height:1.2}.subtitle{font-size:.85rem;opacity:.9;font-style:italic;margin:0}.close-button{width:32px;height:32px;border-radius:50%;background-color:#fff3;color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid transparent}.close-button:hover{background-color:#ffffff4d;transform:rotate(90deg);border-color:#fff}.ai-chat-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;background:linear-gradient(180deg,var(--cream-light) 0%,var(--cream-card) 100%)}.welcome-message{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.welcome-message .handwriting{font-size:1.3rem;color:var(--accent-warm);margin-bottom:1rem;display:block}.message{display:flex;gap:.75rem;margin-bottom:.5rem;align-items:flex-start}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-avatar{width:40px;height:40px;object-fit:contain;flex-shrink:0}.message-content{max-width:75%;padding:.875rem 1.25rem;border-radius:16px;line-height:1.6;font-size:.95rem;white-space:pre-wrap;word-wrap:break-word}.message.user .message-content{background:linear-gradient(135deg,var(--accent-warm),var(--accent-soft));color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px #b8956a4d}.message.assistant .message-content{background-color:var(--cream-darker);color:var(--text-primary);border:2px solid var(--cream-border);border-bottom-left-radius:4px;box-shadow:0 2px 8px var(--shadow-soft)}.loading-dots{display:flex;gap:6px;padding:1rem!important}.loading-dots span{width:10px;height:10px;border-radius:50%;background-color:var(--accent-warm);animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.ai-chat-input{display:flex;gap:.75rem;padding:1rem 1.5rem;background-color:var(--cream-darker);border-top:3px solid var(--cream-border)}.ai-chat-input textarea{flex:1;padding:.875rem;border:2px solid var(--cream-border);border-radius:12px;background-color:var(--cream-light);color:var(--text-primary);font-family:var(--font-serif);font-size:.95rem;resize:none;max-height:120px;transition:border-color .3s ease,box-shadow .3s ease}.ai-chat-input textarea:focus{outline:none;border-color:var(--accent-warm);box-shadow:0 0 0 3px #b8956a1a}.ai-chat-input textarea::placeholder{color:var(--text-tertiary);font-style:italic}.send-button{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent-warm),var(--accent-soft));color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:2px solid var(--accent-deep);box-shadow:0 2px 8px #b8956a4d}.send-button:hover:not(:disabled){transform:scale(1.05) rotate(-5deg);box-shadow:0 4px 12px #b8956a66}.send-button:disabled{opacity:.5;cursor:not-allowed}.send-button svg{width:20px;height:20px}.ai-chat-messages::-webkit-scrollbar{width:8px}.ai-chat-messages::-webkit-scrollbar-track{background:var(--cream-darker)}.ai-chat-messages::-webkit-scrollbar-thumb{background:var(--accent-warm);border-radius:4px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:var(--accent-soft)}@media (max-width: 768px){.conversation-starters{bottom:7.5rem;right:1.5rem;left:auto;max-width:min(75vw,300px)}.starter-bubble{max-width:100%;font-size:.95rem;padding:1rem 1.35rem;border-radius:22px;line-height:1.6;border-width:2.5px;box-shadow:0 6px 20px #b8956a4d,inset 0 2px #ffffffb3;background:linear-gradient(135deg,#faf8f3,#ede7db);text-align:left}.starter-bubble:before{right:1.75rem;left:auto;transform:rotate(45deg);bottom:-13px;width:19px;height:19px;border-width:2.5px;background:linear-gradient(135deg,#faf8f3,#ede7db)}.starter-bubble:after{right:2.15rem;left:auto;transform:rotate(45deg);bottom:-22px;width:13px;height:13px;border-width:2.5px;background:linear-gradient(135deg,#faf8f3,#ede7db)}.ai-chat-button{width:75px;height:75px;bottom:1.5rem;right:1.5rem}}@media (max-width: 480px){.conversation-starters{bottom:6.75rem;right:1.25rem;left:auto;max-width:min(70vw,260px)}.starter-bubble{font-size:.9rem;padding:.9rem 1.2rem;border-radius:20px;line-height:1.55}.starter-bubble:before{right:1.5rem;left:auto;bottom:-12px;width:17px;height:17px}.starter-bubble:after{right:1.85rem;left:auto;bottom:-20px;width:12px;height:12px}.ai-chat-button{width:70px;height:70px;bottom:1.25rem;right:1.25rem}.ai-chat-header h3{font-size:1.2rem}.subtitle{font-size:.75rem}.header-avatar{width:40px;height:40px}.message-content{max-width:80%;font-size:.9rem}.message-avatar{width:36px;height:36px}}.typewriter-quote-container{margin:3rem 0}.typewriter-quote{font-size:1.3rem;line-height:1.7;color:var(--accent-warm);padding:2rem;background-color:var(--cream-bg);border-left:4px solid var(--accent-warm);border-radius:8px;font-style:italic;min-height:150px;display:flex;align-items:center;position:relative}.cursor{display:inline-block;animation:blink 1s step-end infinite;font-style:normal;margin-left:2px;color:var(--accent-warm)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){.typewriter-quote-container{margin:2rem 0}.typewriter-quote{font-size:1.15rem;padding:1.5rem;min-height:120px;line-height:1.6}.signature{font-size:1.15rem}}@media (max-width: 480px){.typewriter-quote-container{margin:1.5rem 0}.typewriter-quote{font-size:1.05rem;padding:1.25rem;min-height:100px;line-height:1.55}.signature{font-size:1.05rem;margin-top:.75rem}.cursor{margin-left:1px}}.home{min-height:calc(100vh - 200px)}.loading{display:flex;justify-content:center;align-items:center;min-height:60vh;font-size:2rem;color:var(--accent-warm)}.hero{padding:4rem 0;background:linear-gradient(135deg,var(--cream-bg) 0%,var(--cream-darker) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(184,149,106,.1) 0%,transparent 70%);border-radius:50%;animation:float-particle 20s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(212,165,116,.08) 0%,transparent 70%);border-radius:50%;animation:float-particle 25s ease-in-out infinite reverse}.hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:3rem;color:var(--accent-warm);margin-bottom:1rem;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.05);position:relative}.hero-subtitle{font-size:1.5rem;color:var(--text-secondary);margin-bottom:2rem;font-style:italic}.hero-description{font-size:1.2rem;line-height:1.8;margin-bottom:3rem;color:var(--text-primary)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:3rem 0;padding:2.5rem;background-color:var(--cream-card);border:2px solid var(--cream-border);border-radius:16px;box-shadow:0 6px 20px var(--shadow-soft),inset 0 1px #fff6;position:relative;overflow:hidden}.stats:before{content:"";position:absolute;top:-2px;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-soft),transparent);animation:shine 3s infinite}.stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-number{font-size:2.5rem;color:var(--accent-warm);font-weight:600}.stat-label{font-size:.95rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.cta-button{display:inline-block;padding:1rem 3rem;background-color:var(--accent-warm);color:#fff;font-size:1.2rem;font-weight:600;border-radius:50px;text-decoration:none;transition:background-color .3s ease,transform .3s ease;box-shadow:0 4px 12px #b8956a4d}.cta-button:hover{background-color:var(--accent-soft);transform:translateY(-2px);box-shadow:0 6px 20px #b8956a66}.about{padding:4rem 0;background-color:transparent}.about-content{max-width:800px;margin:0 auto}.about-content h3{font-size:2.2rem;color:var(--accent-warm);margin-bottom:2rem;text-align:center;position:relative}.about-content h3:before,.about-content h3:after{content:"~";position:absolute;top:50%;transform:translateY(-50%);opacity:.3;font-size:1.5rem}.about-content h3:before{left:-3rem}.about-content h3:after{right:-3rem}.about-content p{font-size:1.2rem;line-height:1.9;margin-bottom:1.5rem;color:var(--text-primary)}.quote{font-size:1.3rem;line-height:1.7;color:var(--accent-warm);margin:3rem 0;padding:2rem;background-color:var(--cream-bg);border-left:4px solid var(--accent-warm);border-radius:8px;font-style:italic}.signature{font-size:1.3rem;text-align:right;color:var(--accent-warm);margin-top:1rem}@media (max-width: 768px){.hero{padding:2.5rem 1rem}.hero:before,.hero:after{width:300px;height:300px}.hero-title{font-size:2.2rem;margin-bottom:.75rem;line-height:1.3}.hero-subtitle{font-size:1.1rem;margin-bottom:1.5rem}.hero-description{font-size:1rem;line-height:1.6;margin-bottom:2rem}.stats{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem;margin:2rem 0}.stat-number{font-size:2rem}.stat-label{font-size:.85rem}.cta-button{padding:.875rem 2.5rem;font-size:1.05rem;width:100%;max-width:300px;text-align:center}.about{padding:2.5rem 1rem}.about-content h3{font-size:1.9rem;margin-bottom:1.5rem}.about-content h3:before,.about-content h3:after{display:none}.about-content p{font-size:1rem;line-height:1.7}.quote{font-size:1.15rem;padding:1.5rem;margin:2rem 0}.signature{font-size:1.15rem}}@media (max-width: 480px){.hero{padding:2rem 1rem}.hero:before,.hero:after{width:250px;height:250px}.hero-title{font-size:1.75rem;line-height:1.25}.hero-subtitle{font-size:1rem;margin-bottom:1.25rem}.hero-description{font-size:.95rem;line-height:1.6;margin-bottom:1.75rem}.stats{padding:1.25rem;gap:1.25rem;margin:1.5rem 0}.stat-number{font-size:1.75rem}.stat-label{font-size:.8rem}.cta-button{padding:.875rem 2rem;font-size:1rem;max-width:100%}.about{padding:2rem 1rem}.about-content h3{font-size:1.65rem;margin-bottom:1.25rem}.about-content p{font-size:.95rem;line-height:1.65;margin-bottom:1.25rem}.quote{font-size:1.05rem;padding:1.25rem;margin:1.5rem 0}.signature{font-size:1.05rem}}.poem-card{display:block;background-color:var(--cream-card);border:2px solid var(--cream-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 12px var(--shadow-soft),inset 0 1px #ffffff4d;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;text-decoration:none;color:var(--text-primary);position:relative}.poem-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-warm),var(--accent-soft));opacity:0;transition:opacity .3s ease}.poem-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 12px 32px var(--shadow-medium),inset 0 1px #ffffff80;border-color:var(--accent-warm)}.poem-card:hover:before{opacity:1}.poem-card-image{width:100%;height:250px;overflow:hidden;background-color:var(--cream-darker);position:relative}.poem-card-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,transparent 60%,var(--cream-card) 100%);opacity:.6;pointer-events:none}.poem-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-radius:8px}.poem-card:hover .poem-card-image img{transform:scale(1.05)}.poem-card-content{padding:1.5rem}.poem-card-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--accent-warm);line-height:1.3;position:relative;display:inline-block}.poem-card-title:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-warm),var(--accent-soft));transition:width .3s ease}.poem-card:hover .poem-card-title:after{width:100%}.poem-card-date{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;font-style:italic}.poem-card-excerpt{font-size:1rem;line-height:1.6;color:var(--text-secondary)}@media (max-width: 768px){.poem-card-image{height:200px}.poem-card-content{padding:1.25rem}.poem-card-title{font-size:1.3rem;line-height:1.4}.poem-card-excerpt{font-size:1rem;line-height:1.7}.poem-card-date{font-size:.85rem}.poem-card{box-shadow:0 6px 20px var(--shadow-soft)}}.library{min-height:calc(100vh - 200px);padding:3rem 0}.library-header{text-align:center;margin-bottom:3rem}.library-title{font-size:2.5rem;color:var(--accent-warm);margin-bottom:.5rem}.library-subtitle{font-size:1.2rem;color:var(--text-secondary);font-style:italic}.filters{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.search-box{width:100%}.filter-row{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:flex-end}.category-filter,.year-filter,.sort-filter{display:flex;align-items:center;gap:.75rem;flex:1;min-width:180px}.category-filter label,.year-filter label,.sort-filter label{font-size:1rem;color:var(--text-secondary);white-space:nowrap}.category-select{flex:1;padding:.875rem 1.25rem;font-size:1rem;font-family:var(--font-serif);border:2px solid var(--cream-border);border-radius:50px;background-color:var(--cream-card);color:var(--text-primary);cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease}.category-select:focus{outline:none;border-color:var(--accent-warm);box-shadow:0 0 0 3px #b8956a1a}.search-input{width:100%;padding:.875rem 1.25rem;font-size:1rem;font-family:var(--font-serif);border:2px solid var(--cream-border);border-radius:50px;background-color:var(--cream-card);color:var(--text-primary);transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}.search-input:focus{outline:none;border-color:var(--accent-warm);box-shadow:0 0 0 3px #b8956a1a}.search-input::placeholder{color:var(--text-secondary);opacity:.6}.sort-select,.year-select{flex:1;padding:.875rem 1.25rem;font-size:1rem;font-family:var(--font-serif);border:2px solid var(--cream-border);border-radius:50px;background-color:var(--cream-card);color:var(--text-primary);cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease}.sort-select:focus,.year-select:focus{outline:none;border-color:var(--accent-warm);box-shadow:0 0 0 3px #b8956a1a}.no-results{text-align:center;padding:4rem 2rem;font-size:1.5rem;color:var(--text-secondary)}.poems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding:1rem}.pagination-btn{padding:.75rem 1.5rem;background-color:var(--accent-warm);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.pagination-btn:hover:not(:disabled){background-color:var(--accent-soft);transform:translateY(-2px)}.pagination-btn:disabled{background-color:var(--cream-darker);color:var(--text-secondary);cursor:not-allowed}.pagination-info{font-size:1rem;color:var(--text-secondary);font-weight:500}@media (max-width: 768px){.library{padding:2rem 0}.library-header{margin-bottom:2rem}.library-title{font-size:2rem;line-height:1.2}.library-subtitle{font-size:1rem}.filters{gap:1rem;margin-bottom:2rem}.search-box{margin-bottom:.5rem}.search-input{font-size:.95rem;padding:.875rem 1.125rem;border-radius:16px}.filter-row{background:var(--cream-card);padding:1rem;border-radius:16px;border:2px solid var(--cream-border);box-shadow:0 2px 8px var(--shadow-soft);flex-direction:column;gap:1rem}.category-filter,.year-filter,.sort-filter{width:100%;flex-direction:row;align-items:center;gap:.75rem;min-width:auto}.category-filter label,.year-filter label,.sort-filter label{font-size:.9rem;font-weight:600;color:var(--accent-warm);min-width:60px;text-align:left}.category-select,.sort-select,.year-select{flex:1;padding:.75rem 1rem;font-size:.9rem;border-radius:12px;border:1px solid var(--cream-border);background:var(--cream-light)}.category-select:focus,.sort-select:focus,.year-select:focus{border-color:var(--accent-warm);box-shadow:0 0 0 2px #b8956a26}.poems-grid{grid-template-columns:1fr;gap:1.5rem}.search-input{font-size:1rem;padding:1rem 1.25rem}.pagination{flex-direction:column;gap:.5rem;margin-top:2rem}.pagination-btn{padding:.625rem 1.25rem;font-size:.9rem}.pagination-info{font-size:.9rem}}.poem-detail{min-height:calc(100vh - 200px);padding:3rem 0}.back-button{padding:.75rem 1.5rem;background-color:var(--cream-darker);color:var(--text-primary);border-radius:50px;font-size:1rem;font-weight:600;margin-bottom:2rem;transition:background-color .3s ease,transform .3s ease}.back-button:hover{background-color:var(--cream-dark);transform:translate(-4px)}.poem{max-width:800px;margin:0 auto;background-color:var(--cream-card);border:2px solid var(--cream-border);padding:3rem;border-radius:16px;box-shadow:0 8px 32px var(--shadow-medium),inset 0 1px #fff6;transform-style:preserve-3d;transition:transform .6s ease}.poem.flip-next{animation:pageFlipNext .6s ease-in-out}.poem.flip-prev{animation:pageFlipPrev .6s ease-in-out}@keyframes pageFlipNext{0%{transform:perspective(1200px) rotateY(0);opacity:1}50%{transform:perspective(1200px) rotateY(-90deg);opacity:.5}to{transform:perspective(1200px) rotateY(-180deg);opacity:0}}@keyframes pageFlipPrev{0%{transform:perspective(1200px) rotateY(0);opacity:1}50%{transform:perspective(1200px) rotateY(90deg);opacity:.5}to{transform:perspective(1200px) rotateY(180deg);opacity:0}}.poem-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--cream-darker)}.poem-title{font-size:2.2rem;color:var(--accent-warm);margin-bottom:1rem;line-height:1.3}.poem-date{font-size:1rem;color:var(--text-secondary);font-style:italic}.poem-image{margin:2rem auto;border-radius:8px;max-width:600px;text-align:center}.poem-image img{width:100%;height:auto;display:block;margin:0 auto;border-radius:8px}.image-attribution{display:block;text-align:center;font-size:.9rem;color:var(--text-secondary);font-style:italic;margin-top:.75rem;margin-bottom:0;max-width:600px;margin-left:auto;margin-right:auto}.artist-link{color:var(--accent-warm);text-decoration:none;font-weight:500;transition:color .3s ease,text-decoration .3s ease}.artist-link:hover{color:var(--accent-soft);text-decoration:underline}.poem-content{margin:3rem 0}.poem-text{font-family:var(--font-serif);font-size:1.2rem;line-height:1.9;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.poem-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--cream-darker);text-align:center}.poem-signature{font-size:1.4rem;color:var(--accent-warm);margin-bottom:1rem}.copyright{font-size:.9rem;color:var(--text-secondary);font-style:italic}.poem-navigation{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem;max-width:800px;margin-left:auto;margin-right:auto}.nav-poem{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background-color:var(--cream-card);border:2px solid var(--cream-border);border-radius:12px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 2px 8px var(--shadow-soft);cursor:pointer;font-family:inherit;width:100%;text-align:inherit}.nav-poem:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px var(--shadow-medium);border-color:var(--accent-warm)}.nav-poem:disabled{opacity:.5;cursor:not-allowed}.nav-poem-prev{text-align:left}.nav-poem-next{text-align:right}.nav-poem-disabled{background-color:transparent;box-shadow:none}.nav-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600}.nav-title{font-size:1.1rem;color:var(--accent-warm);font-family:var(--font-handwriting);font-weight:500}.not-found{text-align:center;padding:4rem 2rem}.not-found h2{font-size:2.2rem;color:var(--accent-warm);margin-bottom:2rem}.back-link{display:inline-block;padding:1rem 2rem;background-color:var(--accent-warm);color:#fff;border-radius:50px;font-weight:600;text-decoration:none;transition:background-color .3s ease}.back-link:hover{background-color:var(--accent-soft)}@media (max-width: 768px){.poem-detail{padding:2rem 0}.poem{padding:2rem 1.5rem}.poem-title{font-size:1.7rem}.poem-text{font-size:1rem}.poem-navigation{grid-template-columns:1fr;gap:1rem}.nav-poem-next{text-align:left}.nav-title{font-size:1rem}}.contact-page{min-height:calc(100vh - 160px);padding:3rem 0}.contact-content{max-width:700px;margin:0 auto}.contact-header{text-align:center;margin-bottom:3rem}.contact-header h1{font-size:3rem;color:var(--accent-warm);margin-bottom:1rem}.contact-intro{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.contact-form{background:var(--cream-card);padding:2.5rem;border-radius:24px;border:2px solid var(--cream-border);box-shadow:0 4px 16px var(--shadow-soft)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:var(--accent-warm);margin-bottom:.5rem;font-size:1rem}.form-group input,.form-group textarea{width:100%;padding:.875rem;border:2px solid var(--cream-border);border-radius:12px;font-size:1rem;font-family:inherit;background:#fff;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-warm);box-shadow:0 0 0 3px #8b45131a}.form-group textarea{resize:vertical;min-height:150px}.form-group input:disabled,.form-group textarea:disabled{background:var(--cream-bg);cursor:not-allowed;opacity:.6}.submit-button{width:100%;padding:1rem;background:var(--accent-warm);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-button:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 4px 12px #8b45134d}.submit-button:disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.6}.form-message{margin-top:1.5rem;padding:1rem;border-radius:12px;text-align:center;font-weight:500}.form-message.success{background:#22c55e1a;color:#16a34a;border:2px solid rgba(34,197,94,.3)}.form-message.error{background:#ef44441a;color:#dc2626;border:2px solid rgba(239,68,68,.3)}@media (max-width: 768px){.contact-page{padding:2rem 0}.contact-header h1{font-size:2.5rem}.contact-form{padding:1.5rem}.contact-intro{font-size:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--cream-card);border-radius:24px;border:2px solid var(--cream-border);box-shadow:0 8px 32px #0003;max-width:700px;width:100%;max-height:85vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--text-secondary);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:#0000000d;color:var(--accent-warm)}.modal-title{font-size:2.5rem;color:var(--accent-warm);margin:0;padding:2rem 2.5rem 1rem;text-align:center}.modal-body{padding:0 2.5rem 2.5rem}.modal-section{margin-bottom:2rem}.modal-section:last-child{margin-bottom:0}.modal-section h3{color:var(--accent-warm);font-size:1.3rem;margin-bottom:.75rem;font-weight:600}.modal-section p{color:var(--text-primary);line-height:1.7;margin-bottom:.75rem}.modal-section p:last-child{margin-bottom:0}.modal-link{color:var(--accent-warm);text-decoration:underline;font-weight:500;transition:color .2s ease}.modal-link:hover{color:var(--accent-dark)}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-content{max-height:90vh;border-radius:16px}.modal-title{font-size:2rem;padding:1.5rem 1.5rem 1rem}.modal-body{padding:0 1.5rem 1.5rem}.modal-close{top:1rem;right:1rem;width:36px;height:36px;font-size:1.75rem}.modal-section h3{font-size:1.2rem}.modal-section p{font-size:.95rem}}:root{--cream-bg: #f5f1e8;--cream-light: #faf8f3;--cream-card: #ede7db;--cream-darker: #e8e1d3;--cream-dark: #d4c9b5;--cream-border: #c9bda8;--text-primary: #2d2520;--text-secondary: #5a4d42;--text-tertiary: #7a6d5f;--accent-warm: #b8956a;--accent-soft: #d4a574;--accent-deep: #9a7a4f;--shadow-soft: rgba(45, 37, 32, .08);--shadow-medium: rgba(45, 37, 32, .12);--shadow-strong: rgba(45, 37, 32, .18);--font-handwriting: "Reenie Beanie", cursive;--font-serif: "Crimson Text", serif;--font-elegant: "Libre Baskerville", serif}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,var(--cream-bg) 0%,var(--cream-darker) 100%);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-serif);font-size:18px;line-height:1.7;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' /%3E%3C/svg%3E");z-index:0}#root{min-height:100vh}*{transition:background-color .3s ease,color .3s ease}::selection{background-color:var(--accent-soft);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--cream-darker)}::-webkit-scrollbar-thumb{background:var(--accent-warm);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-soft)}a{color:var(--accent-warm);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-soft)}button{font-family:var(--font-serif);cursor:pointer;border:none;background:none}.handwriting{font-family:var(--font-handwriting)}.serif{font-family:var(--font-serif)}.elegant{font-family:var(--font-elegant)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.footer{background-color:var(--cream-darker);border-top:2px solid var(--cream-dark);padding:2rem 0;margin-top:4rem;text-align:center}.footer-text{font-size:1rem;color:var(--text-primary);margin-bottom:.5rem}.footer-text .handwriting{font-size:1.5rem;color:var(--accent-warm);font-weight:600}.copyright-link{background:none;border:none;color:var(--text-primary);text-decoration:underline;font-size:inherit;font-family:inherit;cursor:pointer;transition:color .2s ease;padding:0}.copyright-link:hover{color:var(--accent-warm)}.footer-tagline{font-size:.9rem;color:var(--text-secondary);font-style:italic;margin-bottom:.5rem}.footer-credit{font-size:.85rem;color:var(--text-tertiary);margin-top:.75rem}.boondock-link{color:var(--accent-warm);font-weight:600;text-decoration:none;transition:color .2s ease}.boondock-link:hover{color:var(--accent-soft);text-decoration:underline}@media (max-width: 768px){body{font-size:16px;line-height:1.65}.container{padding:0 1.25rem}.footer{margin-top:2.5rem;padding:1.5rem 1rem}.footer-text{font-size:.95rem}.footer-text .handwriting{font-size:1.3rem}.footer-tagline{font-size:.85rem}}@media (max-width: 480px){body{font-size:15px;line-height:1.6}.container{padding:0 1rem}.footer{margin-top:2rem;padding:1.25rem 1rem}.footer-text{font-size:.9rem}.footer-text .handwriting{font-size:1.2rem}.footer-tagline{font-size:.8rem}}@keyframes float-particle{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.6}}@keyframes shine{0%{background-position:-200% center}to{background-position:200% center}}.decorative-corner{position:absolute;width:60px;height:60px;opacity:.1;pointer-events:none}.decorative-corner.top-left{top:0;left:0;border-top:3px solid var(--accent-warm);border-left:3px solid var(--accent-warm)}.decorative-corner.top-right{top:0;right:0;border-top:3px solid var(--accent-warm);border-right:3px solid var(--accent-warm)}.decorative-corner.bottom-left{bottom:0;left:0;border-bottom:3px solid var(--accent-warm);border-left:3px solid var(--accent-warm)}.decorative-corner.bottom-right{bottom:0;right:0;border-bottom:3px solid var(--accent-warm);border-right:3px solid var(--accent-warm)}.decorative-divider{width:100%;height:2px;background:linear-gradient(to right,transparent,var(--accent-warm),transparent);margin:2rem 0;position:relative}.decorative-divider:before{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--cream-bg);padding:0 1rem;color:var(--accent-warm);font-size:1.2rem}