:root{--bg: #0a0a0b;--bg-secondary: #111113;--bg-card: #16161a;--text: #e8e6e3;--text-secondary: #9a9898;--text-muted: #5a5858;--accent: #c9a87c;--accent-dim: #8a7356;--accent-glow: rgba(201, 168, 124, .08);--border: #222226;--font-display: "Cormorant Garamond", serif;--font-body: "Outfit", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:300;background-color:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.ambient-glow{position:fixed;top:-200px;left:50%;transform:translate(-50%);width:800px;height:500px;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 70%);pointer-events:none;z-index:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent);color:#0a0a0b}@media print{body{display:none!important}}a{color:inherit;text-decoration:none;transition:color .3s ease}.container{width:100%;max-width:720px;margin:0 auto;padding:0 1.5rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 0;background:linear-gradient(to bottom,var(--bg) 0%,var(--bg) 60%,transparent 100%)}.site-header .container{display:flex;align-items:baseline;gap:.75rem}.header-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--accent);letter-spacing:.02em}.header-label{font-family:var(--font-body);font-size:.65rem;font-weight:400;color:var(--text-muted);text-transform:uppercase;letter-spacing:.35em}.site-footer{padding:1.5rem 0 2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.footer-line{width:40px;height:1px;background:var(--accent)}.footer-icons{display:flex;align-items:center;gap:1.25rem}.footer-social{color:var(--text-muted);transition:color .3s ease;display:inline-flex;align-items:center}.footer-social:hover{color:var(--accent)}.footer-copy{font-size:.7rem;color:var(--text-muted);font-weight:300}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .6s ease-out forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.hero{text-align:center;padding:8rem 0 4rem}.hero-epigraph{font-family:var(--font-display);font-style:italic;font-size:1rem;color:var(--text-muted);margin-bottom:2rem;font-weight:300}.hero-name{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:300;color:var(--text);line-height:1.1;margin-bottom:.75rem}.hero-subtitle{font-family:var(--font-body);font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.35em;color:var(--accent-dim);margin-bottom:2rem}.hero-count{font-family:var(--font-body);font-size:.7rem;font-weight:300;color:var(--text-muted);letter-spacing:.1em;margin-top:.2rem;margin-bottom:1rem}.decorative-line{width:40px;height:1px;background:var(--accent);margin:0 auto}.poems-list{display:flex;flex-direction:column;gap:.5rem;padding-bottom:4rem}.poem-card{display:block;padding:1.5rem;border-radius:8px;border:1px solid transparent;transition:background .3s ease,border-color .3s ease;position:relative}.poem-card:hover,.poem-card:focus-within{background:var(--bg-card);border-color:var(--border)}.poem-card:hover .poem-card-title-link,.poem-card:focus-within .poem-card-title-link{color:var(--accent)}.poem-card-date{font-family:var(--font-body);font-size:.75rem;color:var(--text-muted);font-weight:300;margin-bottom:.5rem}.poem-card-title{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--text);transition:color .3s ease;margin-bottom:.5rem}.poem-card-summary{font-size:.875rem;color:var(--text-secondary);font-weight:300;line-height:1.5;margin-bottom:.75rem}.poem-card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-size:.7rem;color:var(--accent-dim);font-weight:400}.poem-card-arrow{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%) translate(-8px);opacity:0;color:var(--accent);font-size:1.25rem;transition:all .3s ease}.poem-page{padding:7rem 0 2rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted);margin-bottom:2.5rem;transition:color .3s ease}.back-link:hover{color:var(--accent)}.back-link-arrow{transition:transform .3s ease}.back-link:hover .back-link-arrow{transform:translate(-4px)}.poem-header{margin-bottom:2rem}.poem-date{font-size:.8rem;color:var(--text-muted);font-weight:300;margin-bottom:.75rem}.poem-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.protected-content{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.poem-body{padding:2rem 0;text-align:center}.stanza{margin-bottom:1.3rem}.stanza:last-child{margin-bottom:0}.verse{display:block;font-family:var(--font-display);font-size:1.15rem;font-weight:300;line-height:1.8;color:var(--text);padding:0;margin:0}.verse-bold{font-weight:600}.poem-signature{text-align:center;padding:2rem 0}.signature-line{width:40px;height:1px;background:var(--accent);margin:0 auto 1rem}.signature-name{font-family:var(--font-display);font-style:italic;font-size:1rem;color:var(--text-secondary);font-weight:400}.social-bar{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:1rem 0 2rem}.social-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.social-icon{color:var(--accent-dim)}.like-btn{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--border);border-radius:20px;padding:.4rem 1rem;color:var(--text-secondary);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .3s ease}.like-btn:hover{border-color:var(--accent-dim);color:var(--text)}.like-btn.liked{border-color:#c0392b;color:#e74c3c}.like-btn .heart{font-size:1rem;transition:transform .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.like-btn.pulse .heart{animation:pulse .3s ease}.analysis-section{margin:2rem 0}.analysis-toggle{width:100%;display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;color:var(--text-secondary);font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:all .3s ease}.analysis-toggle:hover{border-color:var(--accent-dim);color:var(--text)}.analysis-toggle-icon{color:var(--accent)}.analysis-toggle-arrow{margin-left:auto;transition:transform .3s ease}.analysis-toggle[aria-expanded=true] .analysis-toggle-arrow{transform:rotate(180deg)}.analysis-content{max-height:0;overflow:hidden;transition:max-height .5s ease}.analysis-content.open{max-height:5000px}.analysis-inner{padding:2rem 0;font-size:.9rem;color:var(--text-secondary);line-height:1.8}.analysis-inner h2,.analysis-inner h3{font-family:var(--font-display);color:var(--accent);font-weight:500;margin:2rem 0 .75rem;font-size:1.2rem}.analysis-inner h2:first-child,.analysis-inner h3:first-child{margin-top:0}.analysis-inner p{margin-bottom:1rem}.analysis-inner em{font-style:italic;color:var(--text)}.analysis-inner strong{font-weight:500;color:var(--text)}.analysis-inner blockquote{border-left:2px solid var(--accent-dim);padding-left:1rem;margin:1rem 0;color:var(--text-muted);font-style:italic}.comments-section{margin-top:2rem}.comments-title{font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:var(--text);margin-bottom:1.5rem}.comment-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.comment-form input,.comment-form textarea{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--font-body);font-size:.85rem;font-weight:300;outline:none;transition:border-color .3s ease}.comment-form input::placeholder,.comment-form textarea::placeholder{color:var(--text-muted)}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--accent)}.comment-form textarea{min-height:100px;resize:vertical}.comment-form button{align-self:flex-start;padding:.6rem 1.5rem;background:transparent;border:1px solid var(--accent-dim);border-radius:6px;color:var(--accent);font-family:var(--font-body);font-size:.8rem;font-weight:400;cursor:pointer;transition:all .3s ease}.comment-form button:hover{background:var(--accent);color:var(--bg)}.comment-form button:disabled{opacity:.5;cursor:not-allowed}.form-message{font-size:.8rem;font-weight:300}.form-message.success{color:#4ade80}.form-message.error{color:#f87171}.comments-list{display:flex;flex-direction:column;gap:1.25rem}.comment-item{padding:1rem 0;border-top:1px solid var(--border)}.comment-author{font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--text)}.comment-date{font-size:.7rem;color:var(--text-muted);margin-left:.5rem}.comment-body{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-top:.5rem}.comments-empty{font-family:var(--font-display);font-style:italic;color:var(--text-muted);font-size:.95rem}.audio-player{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;margin:1.5rem 0}.audio-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--accent-dim);background:none;color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all .3s ease;flex-shrink:0}.audio-btn:hover{background:var(--accent);color:var(--bg)}.audio-label{font-family:var(--font-body);font-size:.75rem;color:var(--text-muted);font-weight:300;white-space:nowrap}.audio-progress-bar{flex:1;height:2px;background:var(--border);border-radius:1px;cursor:pointer;position:relative}.audio-progress{height:100%;background:var(--accent);border-radius:1px;width:0%;transition:width .1s linear}.audio-time{font-family:var(--font-body);font-size:.7rem;color:var(--text-muted);font-weight:300;min-width:2.5rem;text-align:right}@media(max-width:640px){.hero{padding:6rem 0 3rem}.verse{font-size:1rem}.social-bar{gap:1.25rem}.poem-card{padding:1.25rem}.poem-card-arrow,.audio-label{display:none}.audio-player{gap:.5rem;padding:.6rem .75rem}}.poem-card-title-link{color:inherit;text-decoration:none;transition:color .3s ease}.poem-card-title-link:hover,.poem-card-title-link:focus-visible{color:var(--accent)}.poem-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.poem-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}.poem-card-readlink{font-family:var(--font-body);font-size:.75rem;color:var(--accent);text-decoration:none;white-space:nowrap;letter-spacing:.02em;transition:transform .2s ease,color .2s ease}.poem-card-readlink:hover,.poem-card-readlink:focus-visible{color:var(--text);transform:translate(2px)}.poem-card .tag{text-decoration:none;transition:color .2s ease}.poem-card .tag:hover{color:var(--accent)}.tag-page-hero{padding-block:5rem 3rem;text-align:center}.tag-page-hero .hero-name{word-break:break-word}.tag-page-back{margin:3rem 0 1rem;text-align:center}.tag-page-back .back-link{margin-bottom:0}.poem-meta-sep{margin:0 .5rem;color:var(--text-muted);opacity:.6}.reading-time{color:var(--text-muted);font-size:.8rem}.poem-tags .tag{text-decoration:none;transition:color .2s ease}.poem-tags .tag:hover{color:var(--accent)}.share-bar{display:inline-flex;align-items:center;gap:.6rem;position:relative}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:color .3s ease,border-color .3s ease,transform .2s ease;text-decoration:none;padding:0}.share-btn:hover,.share-btn:focus-visible{color:var(--accent);border-color:var(--accent-dim);transform:translateY(-1px)}.share-copy{position:relative}.share-copy .check-icon{display:none}.share-copy.copied{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.share-copy.copied .copy-icon{display:none}.share-copy.copied .check-icon{display:block}.related-section{margin:4rem 0 2rem}.related-heading{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.75rem;color:var(--text-secondary)}.related-heading h3{font-family:var(--font-display);font-weight:500;font-size:1.25rem;color:var(--text);letter-spacing:.01em;margin:0}.related-diamond{color:var(--accent);font-size:.7rem}.related-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:720px){.related-grid{grid-template-columns:repeat(2,1fr)}.related-grid>:nth-child(3){grid-column:1 / -1}}.poem-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:3rem 0 4rem}@media(max-width:600px){.poem-nav{grid-template-columns:1fr}}.poem-nav-card{display:flex;flex-direction:column;gap:.4rem;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;text-decoration:none;color:var(--text);transition:border-color .3s ease,transform .3s ease}.poem-nav-card:hover{border-color:var(--accent-dim);transform:translateY(-2px)}.poem-nav-next{text-align:right}.poem-nav-label{display:block;font-family:var(--font-body);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.poem-nav-date{display:block;font-family:var(--font-body);font-size:.7rem;color:var(--text-muted)}.poem-nav-title{display:block;font-family:var(--font-display);font-size:1.1rem;font-weight:500;color:var(--text);line-height:1.3}
