@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/cormorant-garamond-v21-latin-regular.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/cormorant-garamond-v21-latin-500.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/merriweather-v33-latin-regular.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/merriweather-v33-latin-italic.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather-Fallback;src:local(Georgia),local(Times New Roman);size-adjust:96%;ascent-override:95%;descent-override:25%;line-gap-override:0%}@font-face{font-family:Cormorant-Fallback;src:local(Georgia),local(Times New Roman);size-adjust:108%;ascent-override:86%;descent-override:25%;line-gap-override:0%}:root{--bg-primary:#050505;--bg-secondary:#0a0a0a;--bg-elevated:#121212;--text-primary:#e2e2e2;--text-secondary:#a3a3a3;--text-muted:#8a8a8a;--accent-subtle:#c5a880;--accent-muted:#c5a88026;--border-subtle:#1a1a1a;--border-strong:#333;--error:#cc4a4a;--success:#3a8c54;--font-display:"Cormorant Garamond", "Cormorant-Fallback", Georgia, serif;--font-body:var(--font-ui);--font-poem:"Merriweather", "Merriweather-Fallback", Georgia, serif;--font-ui:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--btn-font-size:.85rem;--btn-font-size-sm:.75rem;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:8rem;--container-poetry:680px;--container-main:1200px;--container-admin:1000px;--header-height:100px;--z-nav:500;--z-floating:990;--z-overlay:1000;--z-modal:2000;--z-toast:3000;--transition-fade:.7s cubic-bezier(.16, 1, .3, 1);--transition-fast:.2s ease;--transition-theme:background-color .5s ease, color .5s ease, border-color .5s ease}:root[data-theme=light]{--bg-primary:#fdfdfd;--bg-secondary:#f7f7f7;--bg-elevated:#fff;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-muted:#666;--accent-subtle:#7a6441;--accent-muted:#7a64411a;--border-subtle:#eee;--border-strong:#ddd}:root[data-high-contrast=true]{--bg-primary:#000;--bg-secondary:#000;--bg-elevated:#000;--text-primary:#fff;--text-secondary:#fff;--text-muted:#ff0;--accent-subtle:#ff0;--accent-muted:#ff03;--border-subtle:#fff;--border-strong:#fff}:root[data-theme=sepia]{--bg-primary:#f4ecd8;--bg-secondary:#ede4ce;--bg-elevated:#faf6ec;--text-primary:#433422;--text-secondary:#524535;--text-muted:#6b5a45;--accent-subtle:#735610;--accent-muted:#7356101f;--border-subtle:#d9cdb3;--border-strong:#c5b899}html.font-reading-sm .poem-content{font-size:1rem}html.font-reading-md .poem-content{font-size:clamp(1.05rem,.9rem + .6vw,1.3rem)}html.font-reading-lg .poem-content{font-size:1.5rem}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent-subtle);outline-offset:4px;border-radius:2px}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--transition-theme);font-size:18px;line-height:1.7;overflow-x:hidden}a{color:inherit;transition:color var(--transition-fast), border-color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-subtle)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:400;line-height:1.2}button{cursor:pointer;font-family:var(--font-ui);font-size:var(--btn-font-size);transition:all var(--transition-fast);background:0 0;border:none}input,textarea,select{font-family:var(--font-ui);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);padding:var(--space-xs) var(--space-sm);transition:border-color var(--transition-fast);border-radius:2px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent-subtle)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:var(--container-main);padding:0 var(--space-lg);width:100%;margin:0 auto}.header-container{max-width:1200px;padding:0 var(--space-lg);justify-content:space-between;align-items:center;width:100%;margin:0 auto;display:flex}@media (width<=768px){.container,.header-container{padding:0 var(--space-md)!important}}@media (width<=480px){.container,.header-container{padding:0 var(--space-sm)!important}}@media (width<=390px){body{font-size:16px}}.fade-in{animation:fadeIn var(--transition-fade) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#app{flex-direction:column;min-height:100vh;display:flex}.site-header{display:none!important}.logo{font-family:var(--font-display);letter-spacing:.5px;color:var(--text-primary);font-size:1.8rem}@media (width<=480px){.logo{font-size:1.4rem}}.main-nav ul{gap:var(--space-lg);list-style:none;display:flex}.main-nav a{letter-spacing:1px;color:var(--text-secondary);text-transform:uppercase;font-size:.85rem}.main-nav a:hover,.main-nav a.active{color:var(--text-primary)}.site-content{padding:var(--space-2xl) 0 calc(var(--space-2xl) + 56px + env(safe-area-inset-bottom,0px));min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height));flex:1}@media (width<=768px){.site-content{min-height:100dvh;padding-top:calc(env(safe-area-inset-top,0px) + var(--space-xl))!important;padding-bottom:calc(56px + env(safe-area-inset-bottom,0px) + var(--space-xl))!important}}.site-footer{padding:var(--space-xl) 0 calc(var(--space-xl) + 56px + env(safe-area-inset-bottom,0px));color:var(--text-muted);font-family:var(--font-ui);letter-spacing:1px;border-top:1px solid var(--border-subtle);contain:layout style;font-size:.8rem}.footer-grid{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.footer-social{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.footer-social-link{color:var(--text-muted);align-items:center;gap:6px;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}.footer-social-link:hover{color:var(--accent-subtle,var(--text-primary));transform:translateY(-1px)}.footer-icon{stroke-width:1.5px}.footer-separator{color:var(--border-subtle);-webkit-user-select:none;user-select:none}@media (width<=768px){.footer-grid{text-align:center;flex-direction:column;justify-content:center}.footer-social{justify-content:center}}body.is-poem-page .site-footer{display:none}.single-poem{max-width:var(--container-poetry);padding-bottom:var(--space-4xl);margin:0 auto}.single-poem header{margin-bottom:var(--space-3xl);text-align:center;padding-top:var(--space-xl)}.single-poem h1{margin-bottom:var(--space-md);color:var(--text-primary);letter-spacing:-.5px;font-size:clamp(2rem,5vw,3.5rem);font-weight:400}.poem-content{font-family:var(--font-poem);color:var(--text-primary);white-space:pre-wrap;margin-bottom:var(--space-4xl);letter-spacing:.01em;text-align:center;max-width:600px;margin-left:auto;margin-right:auto;font-size:clamp(1.05rem,.9rem + .6vw,1.3rem);font-weight:400;line-height:2.1;transition:text-align .3s}html.align-reading-left .poem-content{text-align:left}html.align-reading-center .poem-content{text-align:center}@media (width<=768px){.poem-content{margin-bottom:var(--space-2xl);font-size:clamp(1rem,.95rem + .5vw,1.15rem);line-height:1.7}}.poem-meta{justify-content:center;gap:var(--space-sm);font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.85rem;display:flex}.poem-actions{gap:var(--space-md);border-top:1px solid var(--border-subtle);padding-top:var(--space-2xl);padding-bottom:env(safe-area-inset-bottom,0px);font-family:var(--font-ui);justify-content:center;display:flex}.theme-toggle{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-fast);margin-left:var(--space-md);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}@media (width<=768px){.theme-toggle{min-width:48px;min-height:48px}}.theme-toggle:hover{border-color:var(--accent-subtle);color:var(--text-primary)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,:root[data-theme=light] .theme-toggle .icon-sun{display:block}:root[data-theme=light] .theme-toggle .icon-moon{display:none}.theme-toggle svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:18px;height:18px}.scroll-progress-container{z-index:1000;pointer-events:none;width:100%;height:2px;position:fixed;top:0;left:0}.scroll-progress-bar{background:linear-gradient(90deg, var(--accent-subtle), var(--accent-subtle) 50%, transparent);opacity:.8;width:0%;height:100%;box-shadow:0 0 10px var(--accent-subtle), 0 0 5px var(--accent-subtle);transition:width .15s ease-out}.poem-featured{border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-xl);padding:var(--space-xl) 0 var(--space-2xl) 0!important;display:block!important}@media (width<=768px){.poem-featured{margin-bottom:var(--space-lg);padding:var(--space-lg) 0 var(--space-xl) 0!important}}.poem-featured .featured-title{margin-bottom:var(--space-md);font-size:clamp(2.5rem,4vw,4rem);line-height:1.1}.poem-featured .featured-excerpt{font-family:var(--font-poem);color:var(--text-secondary);margin-bottom:var(--space-lg);max-width:540px;font-size:clamp(1rem,.95rem + .4vw,1.15rem);line-height:1.8}@media (width<=768px){.poem-featured .featured-excerpt{text-align:left;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.poem-featured .featured-meta{align-items:center;gap:var(--space-sm);font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;display:flex}.featured-separator{background-color:var(--accent-muted);width:40px;height:1px;margin:var(--space-md) 0}@media (prefers-reduced-motion:reduce){.fade-in{opacity:1;animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{body{color:#000!important;background-color:#fff!important}.site-header,.site-footer,.poem-nav,.poem-actions,.reactions-section,.comments-section,.share-section,.read-next-section,.scroll-progress-container,.newsletter-section{display:none!important}.single-poem{max-width:100%!important;padding:0!important}.poem-content{color:#000!important;font-family:Cormorant Garamond,serif!important;font-size:14pt!important;line-height:1.6!important}.single-poem h1{text-align:center;margin-bottom:20px;color:#000!important;font-size:24pt!important}.poem-meta{margin-bottom:40px;color:#333!important}}@media (pointer:fine){body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M28 2C22 2 12 10 8 18l-2 4-4 8 8-4 4-2c8-4 18-14 18-20z' fill='%23c5a880'/%3E%3Cpath d='M2 30l8-8' stroke='%238c8c8c' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") 2 30,default}a,button,select,input,textarea,[role=button]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5' fill='none' stroke='%23c5a880' stroke-width='1.5'/%3E%3C/svg%3E") 12 12,pointer}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=390px){body{font-size:16px}}.bottom-nav{z-index:var(--z-nav,500);background:var(--bg-elevated);border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom,0px);height:calc(56px + env(safe-area-inset-bottom,0px));justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{justify-content:space-around;align-items:center;width:100%;max-width:680px;height:100%;margin:0 auto;display:flex}.bottom-nav-item{font-family:var(--font-ui);letter-spacing:.5px;color:var(--text-muted);transition:transform var(--transition-fast), color var(--transition-fast);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:8px 4px;font-size:.65rem;text-decoration:none;display:flex}.bottom-nav-item svg{transition:transform var(--transition-fast), stroke var(--transition-fast)}.bottom-nav-item:hover{color:var(--text-primary)}.bottom-nav-item:hover svg{stroke:var(--accent-subtle);transform:translateY(-1px)}.bottom-nav-item.active,.bottom-nav-item:focus-visible{color:var(--accent-subtle)}.bottom-nav-item.active svg{stroke:var(--accent-subtle);transform:scale(1.1)}.site-content{padding-bottom:calc(var(--space-2xl) + 56px + env(safe-area-inset-bottom,0px))!important}.mobile-brand{text-align:center;padding:var(--space-sm) var(--space-md) 0 var(--space-md);font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);font-size:.85rem}.mobile-brand a{color:inherit;text-decoration:none}@media (width>=769px){.mobile-brand{display:none!important}}.floating-heart-particle{color:var(--accent-subtle);pointer-events:none;z-index:9999;font-size:2.2rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards heartFloat;position:fixed;transform:translate(-50%,-50%)}@keyframes heartFloat{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-150%)scale(1.5)}}.poem-meta{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:1rem;font-size:.85rem;display:flex}input,textarea{width:100%}.btn-primary{font-family:var(--font-ui);font-size:var(--btn-font-size);background-color:var(--text-primary);color:var(--bg-primary);transition:background-color var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:500;display:inline-flex}.btn-primary:hover{background-color:var(--accent-subtle)}.btn-secondary{font-family:var(--font-ui);font-size:var(--btn-font-size);color:var(--text-primary);border:1px solid var(--border-subtle);transition:all var(--transition-fast);background-color:#0000;border-radius:4px;justify-content:center;align-items:center;padding:.75rem 1.5rem;display:inline-flex}.btn-secondary:hover{border-color:var(--text-primary)}.btn-sm{font-size:var(--btn-font-size-sm)!important;padding:.4rem .85rem!important}.header-search-container{max-width:300px;margin:0 var(--space-xl);flex:1}.header-search-toggle{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.header-search-toggle:hover{border-color:var(--accent-subtle);color:var(--text-primary);background:var(--bg-elevated);transform:translateY(-1px)}.header-search-toggle:focus-visible{outline:2px solid var(--accent-subtle);outline-offset:2px}@media (width<=768px){.header-search-toggle{min-width:44px;min-height:44px}}.search-overlay{background:var(--bg-primary);width:100%;height:100dvh;z-index:var(--z-modal,2000);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.search-overlay.active{opacity:1;pointer-events:auto}.search-input-wrapper{width:100%;max-width:500px;margin:0 auto;position:relative}.search-clear-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:4px;font-size:1.5rem;line-height:1;display:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--text-primary)}.search-overlay-close{top:calc(var(--space-lg) + env(safe-area-inset-top,0px));right:calc(var(--space-lg) + env(safe-area-inset-right,0px));color:var(--text-primary);cursor:pointer;z-index:calc(var(--z-modal,2000) + 1);background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:2rem;display:flex;position:absolute}@media (width<=768px){.search-overlay{padding-top:calc(var(--space-2xl) + env(safe-area-inset-top,0px));justify-content:flex-start}.search-overlay-content{padding:0 var(--space-md);max-width:100%}}.search-overlay-content{width:100%;max-width:600px;padding:0 var(--space-lg);text-align:center;flex-direction:column;height:100%;max-height:100%;display:flex}.search-results-container{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,20px);margin-top:var(--space-md);flex:1;overflow-y:auto}.search-sorting-container{margin:var(--space-sm) 0;color:var(--text-secondary);font-size:.75rem;font-family:var(--font-ui);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}.search-sort-controls{align-items:center;gap:4px;display:flex}.search-sort-controls select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-size:.75rem}.search-sort-controls select option{background:var(--bg-elevated);color:var(--text-primary)}#mobile-search-input,#overlay-search-input{border:none;border-bottom:2px solid var(--border-strong);width:100%;color:var(--text-primary);padding:var(--space-sm) 0;font-size:max(16px,1.8rem);font-family:var(--font-display);background:0 0;outline:none}#mobile-search-input:focus,#overlay-search-input:focus{border-color:var(--accent-subtle)}.search-overlay-help{margin-top:var(--space-md);color:var(--text-muted);font-size:.85rem;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1px}.search-results-container mark{background:var(--accent-muted);color:var(--accent-subtle);border-bottom:1px solid var(--accent-subtle);border-radius:2px;padding:0 2px}.search-result-item{padding:var(--space-md) var(--space-sm);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background-color var(--transition-fast);text-align:left}.search-result-item:hover{background-color:var(--bg-elevated)}.search-result-item:last-child{border-bottom:none}.search-result-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.1rem;line-height:1.2}.search-result-excerpt{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.search-result-snippet{color:var(--text-secondary);padding-left:var(--space-sm);border-left:2px solid var(--border-strong);margin-top:var(--space-2xs);font-size:.85rem;font-style:italic;line-height:1.4}.search-match-badge{background:var(--bg-elevated);color:var(--text-muted);white-space:nowrap;font-size:.65rem;font-family:var(--font-ui);border-radius:4px;padding:2px 6px}.badge-title{color:var(--accent-subtle);border:1px solid var(--accent-muted)}.badge-content{border:1px solid var(--border-strong)}.badge-tag{color:var(--accent-subtle);border:1px solid var(--border-strong)}.home-layout{padding-bottom:var(--space-4xl)}.home-hero{text-align:center;padding:var(--space-xl) 0 var(--space-lg) 0;max-width:var(--container-main);margin:0 auto}.home-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:var(--space-xs);font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:300;line-height:1.25}.home-description{font-family:var(--font-poem);color:var(--text-secondary);max-width:580px;margin:0 auto;font-size:1rem;line-height:1.7}.home-description a{color:var(--accent-subtle);text-underline-offset:3px;transition:opacity var(--transition-fast);text-decoration:underline}.home-description a:hover{opacity:.8}@media (width<=768px){.home-layout{padding-bottom:var(--space-2xl)}.home-hero{padding:var(--space-lg) 0 var(--space-md) 0}.home-title{font-size:1.6rem}.home-description{padding:0 var(--space-sm);font-size:.95rem}}.poems-list{max-width:var(--container-main);width:100%;margin:0 auto}.poem-row{border-bottom:1px solid var(--border-subtle);transition:all var(--transition-fast);content-visibility:auto;contain-intrinsic-size:0 60px;border-radius:4px;justify-content:space-between;align-items:baseline;display:flex}@media (hover:hover){.poem-row:hover{background-color:var(--bg-secondary);transform:translate(4px)}}.poem-row:active{background-color:var(--accent-muted)}.poem-row-link{padding:var(--space-md) var(--space-sm);color:inherit;justify-content:space-between;align-items:baseline;gap:var(--space-md);flex:1;text-decoration:none;display:flex}@media (width<=768px){.poem-row-link{padding:var(--space-md) var(--space-2xs);align-items:flex-start;min-height:44px}}.poem-row-title{font-size:clamp(1.1rem,1rem + 1.5vw,1.4rem);font-family:var(--font-display);letter-spacing:.5px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.poem-row-year{font-family:var(--font-ui);color:var(--text-muted);flex-shrink:0;padding-top:4px;font-size:.85rem}.newsletter-section{margin-top:var(--space-4xl);padding:var(--space-2xl) var(--space-lg);background-color:var(--bg-elevated);border:1px solid var(--border-subtle);text-align:center;border-radius:2px;width:100%;max-width:800px;margin-left:auto;margin-right:auto}@media (width<=768px){.newsletter-section{margin-top:var(--space-2xl);padding:var(--space-xl) var(--space-md)}}.newsletter-title{margin-bottom:var(--space-sm);font-family:var(--font-display);color:var(--accent-subtle);font-size:2rem;font-weight:400}.newsletter-description{color:var(--text-secondary);margin-bottom:var(--space-lg);max-width:400px;margin-left:auto;margin-right:auto;font-size:.95rem;line-height:1.6}.subscribe-form{gap:var(--space-sm);max-width:380px;margin:0 auto;display:flex}@media (width<=480px){.subscribe-form{flex-direction:column}}.subscribe-input{border:1px solid var(--border-strong);color:var(--text-primary);background:0 0;flex:1;padding:.75rem 1rem;font-size:.9rem}.subscribe-button{background:var(--text-primary);color:var(--bg-primary);font-weight:500;font-family:var(--font-ui);font-size:var(--btn-font-size);border-radius:2px;padding:.75rem 1.5rem}.subscribe-message{margin-top:var(--space-sm);font-size:.85rem;font-family:var(--font-ui)}.share-section{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.share-label{color:var(--text-muted);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.share-fallback,.share-native{gap:var(--space-sm);flex-direction:column;display:flex}.share-native{flex-direction:row}.share-grid{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=480px){.share-grid{grid-template-columns:repeat(2,1fr)}}.share-btn-mono{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:12px 4px;font-size:.75rem;display:flex}.share-btn-mono svg{margin:0}.share-btn-full{min-height:44px;font-size:var(--btn-font-size);flex-direction:row}.share-btn-primary{flex:1;padding:1rem;font-size:1rem}.poem-content{touch-action:pan-y}.poem-actions{margin-top:var(--space-lg);gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.poem-settings-panel{display:none}.mobile-only{display:none!important}.reading-settings-trigger-container{margin-top:var(--space-sm);margin-bottom:var(--space-md);justify-content:center;display:flex}.btn-reading-settings{background:var(--bg-elevated);border:1px solid var(--border-subtle);font-family:var(--font-ui);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:20px;padding:4px 16px;font-size:.9rem}.btn-reading-settings:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-primary)}.bottom-sheet-overlay{z-index:var(--z-overlay,1000);opacity:0;-webkit-backdrop-filter:blur(4px);background:#0006;transition:opacity .3s;display:none;position:fixed;inset:0}.bottom-sheet-overlay.active{opacity:1;display:block}@media (width<=768px){.mobile-only{display:inline-flex!important}.poem-settings-panel.bottom-sheet{background:var(--bg-elevated);border-top:1px solid var(--border-subtle);width:100%;max-height:60vh;padding:var(--space-sm) var(--space-md) calc(var(--space-md) + env(safe-area-inset-bottom,0px));z-index:calc(var(--z-overlay,1000) + 1);border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;transition:bottom .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:-100%;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 20px #0000001a}.poem-settings-panel.bottom-sheet.active{bottom:0}.bottom-sheet-handle{background:var(--border-strong);width:40px;height:4px;margin:0 auto var(--space-md);border-radius:2px}.poem-actions{flex-direction:column;align-items:stretch}.poem-actions>button,.poem-actions>a{width:100%}.ambient-audio-controls,.font-controls{border-right:none;border-bottom:1px solid var(--border-subtle);padding-right:0;padding-bottom:var(--space-sm);margin-right:0;margin-bottom:var(--space-sm);justify-content:center;gap:var(--space-sm);flex-wrap:wrap;width:100%;display:flex}.font-controls{border-bottom:none;margin-bottom:0;padding-bottom:0}}@media (width>=769px){.bottom-sheet-overlay:not(#global-settings-overlay){display:none!important}.poem-settings-panel.bottom-sheet:not(#global-settings-sheet){background:var(--bg-elevated);border:1px solid var(--border-subtle);padding:var(--space-md);margin:var(--space-md) auto;border-radius:8px;max-width:600px;display:none}.poem-settings-panel.bottom-sheet.active:not(#global-settings-sheet){flex-direction:column;display:flex}.bottom-sheet-handle{display:none}.bottom-sheet-content{gap:var(--space-md);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.ambient-audio-controls,.font-controls,.immersive-controls{align-items:center;gap:var(--space-sm);display:flex}.immersive-controls{margin-top:0!important}.immersive-controls button{width:auto!important;margin-top:0!important}}#global-settings-sheet{background:var(--bg-elevated);border:1px solid var(--border-subtle);width:100%;max-width:440px;padding:var(--space-md) var(--space-lg) calc(var(--space-md) + env(safe-area-inset-bottom,0px));z-index:calc(var(--z-overlay,1000) + 1);border-bottom:none;border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;transition:bottom .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:-100%;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 -8px 30px #00000073}#global-settings-sheet.active{display:flex!important;bottom:0!important}#global-settings-overlay.active{opacity:1!important;display:block!important}.poem-container{padding-bottom:var(--space-xl)}@media (width<=768px){.poem-container{padding-bottom:80px}}.poem-nav{opacity:1;pointer-events:auto;padding:var(--space-lg) 0;margin:var(--space-xl) 0 var(--space-md) 0;-webkit-backdrop-filter:none;justify-content:space-between;align-items:center;gap:var(--space-sm);font-family:var(--font-ui);background:0 0;border-top:none;border-bottom:none;font-size:.9rem;display:flex;position:static}.poem-nav.visible{opacity:1;pointer-events:auto}.nav-btn{opacity:.8;border:1px solid var(--border-strong);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:90px;min-height:48px;padding:8px 16px;font-weight:500;line-height:1.2;text-decoration:none;transition:all .2s;display:flex}.nav-btn-label{font-size:.85rem;font-weight:600}.nav-btn-title{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:150px;margin-top:2px;font-size:.75rem;font-weight:400;overflow:hidden}@media (width<=480px){.nav-btn{padding:12px 15px}}@media (width<=768px){.nav-btn{text-align:left;background:var(--bg-secondary);border-color:var(--border-subtle);flex:1;align-items:flex-start;width:100%}.nav-btn-next{text-align:right;align-items:flex-end}.nav-btn-title{white-space:normal;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}@media (width<=480px){.nav-btn-title{display:-webkit-box}}}.nav-btn:hover{opacity:1;border-color:var(--accent-subtle)}.nav-btn-next{background:var(--border-strong);min-width:110px}.nav-center{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.nav-progress{color:var(--text-primary);letter-spacing:.5px;font-size:.85rem;font-weight:500}.nav-footer-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;font-size:.65rem}@media (width<=480px){.nav-footer-text{display:none}}.loading-container{text-align:center;padding:4rem}.error-container{text-align:center;color:var(--error);padding:4rem}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-lg)}.empty-state-label{font-family:var(--font-display);color:var(--text-muted);margin-bottom:var(--space-md);font-size:2rem}.empty-state-title{font-family:var(--font-display);color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400}.empty-state-desc{font-family:var(--font-ui);color:var(--text-muted);font-size:.95rem}.not-found-page{text-align:center;padding:var(--space-4xl) var(--space-lg)}.not-found-label{font-family:var(--font-ui);letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-md);font-size:.8rem}.not-found-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-md);font-size:clamp(2rem,5vw,3.5rem);font-weight:400}.not-found-desc{font-family:var(--font-ui);color:var(--text-secondary);margin-bottom:var(--space-xl);max-width:400px;margin-left:auto;margin-right:auto;line-height:1.7}.not-found-link{font-family:var(--font-ui);letter-spacing:1px;text-transform:uppercase;color:var(--accent-subtle);border-bottom:1px solid var(--accent-subtle);padding-bottom:2px;font-size:.85rem}.error-page{text-align:center;padding:var(--space-4xl) var(--space-lg);max-width:600px;margin:0 auto}.error-code{font-size:6rem;font-family:var(--font-display);color:var(--accent-subtle);margin-bottom:var(--space-md);opacity:.3;line-height:1}.error-page h2{margin-bottom:var(--space-lg);font-size:2rem}.back-link{font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;min-height:44px;transition:color var(--transition-fast);padding:.75rem 1rem;font-size:.85rem;display:inline-block}.back-link:hover{color:var(--accent-subtle)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:.95}}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--border-subtle) 50%, var(--bg-elevated) 75%);background-size:200% 100%;border-radius:2px;animation:1.8s ease-in-out infinite shimmer,2s ease-in-out infinite skeleton-pulse}.skeleton-list{max-width:var(--container-main);width:100%;margin:0 auto}.skeleton-featured{height:160px;margin-bottom:var(--space-2xl)}.skeleton-row{height:24px;margin-bottom:var(--space-md);width:100%}@media (prefers-reduced-motion:reduce){.skeleton{opacity:.4;animation:none}}.skeleton-title-large{width:40%;height:4rem;margin:0 auto var(--space-lg) auto}.skeleton-text-center{width:60%;height:1.2rem;margin:0 auto var(--space-xs) auto}.skeleton-text-center-short{width:50%;height:1.2rem;margin:0 auto}.poem-of-day{max-width:var(--container-main);margin:0 auto var(--space-lg) auto;padding:var(--space-2xl) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);text-align:center;width:100%}.pod-label{font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-md);font-size:.75rem}.pod-link{text-decoration:none;display:block}.pod-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-sm);transition:color var(--transition-fast);font-size:2.8rem;font-weight:300}.pod-link:hover .pod-title{color:var(--accent-subtle)}.pod-excerpt{font-family:var(--font-poem);color:var(--text-secondary);max-width:480px;margin:0 auto;font-size:1rem;font-style:italic;line-height:1.8}@media (width<=768px){.pod-title{font-size:2rem}}.reactions-section{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);text-align:center}.reactions-label{font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-md);font-size:.75rem}.reactions-bar{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.reaction-btn{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:60px;min-height:44px;display:flex}.reaction-btn:hover,.reaction-btn.reacted{border-color:var(--accent-subtle);background:var(--accent-muted)}.reaction-emoji{font-size:1.5rem;line-height:1}.reaction-count{font-family:var(--font-ui);color:var(--text-muted);font-size:.75rem}.reaction-btn.reacted .reaction-count{color:var(--accent-subtle)}html.immersive-mode .site-header,html.immersive-mode .site-footer,html.immersive-mode .poem-nav,html.immersive-mode .share-section,html.immersive-mode .poem-actions,html.immersive-mode .reactions-section,html.immersive-mode .newsletter-section,html.immersive-mode .back-link,html.immersive-mode .scroll-progress-container{opacity:0;pointer-events:none;transition:opacity .6s}html.immersive-mode #poem-text{font-size:1.25rem;line-height:2.2;transition:all .6s}html.immersive-mode .single-poem header{transition:opacity .6s}html.immersive-mode .poem-container{min-height:100vh;padding:var(--space-4xl) var(--space-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}html.immersive-mode #immersive-btn{bottom:var(--space-lg);right:var(--space-lg);z-index:2000;padding:var(--space-xs) var(--space-sm);background:var(--bg-elevated);border-color:var(--border-strong);font-size:.75rem;position:fixed;opacity:1!important;pointer-events:auto!important}@media (width<=480px){html.immersive-mode #immersive-btn{padding:6px 10px;font-size:.7rem;bottom:12px;right:12px}}.reading-time{font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.editor-layout{gap:var(--space-xl);margin-top:var(--space-xl);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:flex-start;display:grid}.editor-pane{gap:var(--space-md);flex-direction:column;display:flex}.preview-pane{border-left:1px solid var(--border-subtle);padding-left:var(--space-lg);top:calc(var(--header-height) + var(--space-md));max-height:calc(100vh - var(--header-height) - var(--space-2xl));position:sticky;overflow-y:auto}.preview-header{margin-bottom:var(--space-sm)}.preview-label{font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.75rem}.preview-poem{max-width:var(--container-poetry);margin:0 auto}.preview-poem h1{font-family:var(--font-display);margin-bottom:var(--space-sm);color:var(--text-primary);font-size:2.5rem}.preview-meta{color:var(--text-muted);margin-bottom:var(--space-xl);font-size:.8rem}.field-help{color:var(--text-muted);margin-top:4px;font-size:.8rem}@media (width<=960px){.editor-layout{grid-template-columns:1fr}.preview-pane{border-left:none;border-top:1px solid var(--border-subtle);padding-left:0;padding-top:var(--space-lg);max-height:none;position:static}}.menu-toggle{border:1px solid var(--border-subtle);width:48px;height:48px;color:var(--text-secondary);margin-left:var(--space-sm);z-index:1001;cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:none;position:relative}.menu-toggle:hover,.menu-toggle:focus{border-color:var(--accent-subtle);color:var(--text-primary)}.menu-toggle .line-1,.menu-toggle .line-2,.menu-toggle .line-3{transition:transform .3s,opacity .3s}.menu-toggle.active .line-1{transform:rotate(45deg)translate(5px,5px)}.menu-toggle.active .line-2{opacity:0}.menu-toggle.active .line-3{transform:rotate(-45deg)translate(5px,-5px)}.nav-overlay{-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;z-index:998;background-color:#05050599;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0}.nav-overlay.active{opacity:1;visibility:visible}.nav-drawer-header{display:none}@media (width<=768px){.menu-toggle{display:flex}.random-poem-btn{display:none!important}.nav-drawer-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);background-color:var(--bg-elevated);justify-content:space-between;align-items:center;width:100%;display:flex}.nav-drawer-header .logo{font-size:1.3rem;font-family:var(--font-display);color:var(--text-primary)}.nav-close-btn{color:var(--text-secondary);cursor:pointer;padding:var(--space-xs);width:44px;height:44px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-close-btn:hover,.nav-close-btn:focus{background-color:var(--bg-secondary);color:var(--text-primary)}.site-header .main-nav{background:var(--bg-elevated);border-left:1px solid var(--border-subtle);z-index:999;flex-direction:column;width:320px;max-width:85%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-10px 0 30px #00000080}.site-header .main-nav.active{will-change:transform;transform:translate(0)}.site-header .main-nav ul{padding:var(--space-md) var(--space-lg);flex-direction:column;gap:0;width:100%}.site-header .main-nav li{border-bottom:1px solid var(--border-subtle);width:100%}.site-header .main-nav li:last-child{border-bottom:none}.site-header .main-nav a{padding:var(--space-md) var(--space-sm);letter-spacing:1px;color:var(--text-secondary);transition:transform var(--transition-fast), background-color var(--transition-fast);text-transform:uppercase;border-left:2px solid #0000;min-height:44px;font-size:1.05rem;font-weight:400;display:block}.site-header .main-nav a:hover,.site-header .main-nav a.active{color:var(--accent-subtle);background-color:var(--accent-muted);border-left-color:var(--accent-subtle);transform:translate(8px)}}.immersive-hint{color:#fff;font-family:var(--font-ui);z-index:3000;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(5px);white-space:nowrap;background:#000c;border:1px solid #ffffff1a;border-radius:30px;padding:12px 24px;font-size:.9rem;transition:all .5s;position:fixed;bottom:80px;left:50%;transform:translate(-50%)translateY(20px)}.immersive-hint.visible{opacity:1;transform:translate(-50%)translateY(0)}.font-controls{margin-right:var(--space-md);border-right:1px solid var(--border-subtle);padding-right:var(--space-md);gap:4px;display:flex}.font-btn{font-family:var(--font-ui);font-size:var(--btn-font-size);color:var(--text-muted);border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}@media (width<=768px){.font-btn{min-width:44px;min-height:44px;padding:8px}}.font-btn:hover{color:var(--text-primary)}.font-btn.active{color:var(--accent-subtle);border-color:var(--accent-muted);background:var(--accent-muted)}.random-poem-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;font-family:var(--font-ui);font-size:var(--btn-font-size);margin-left:var(--space-md);transition:all var(--transition-fast);background:0 0;border-radius:4px;align-items:center;gap:6px;padding:.5rem .85rem;display:flex}.random-poem-btn:hover{border-color:var(--accent-subtle);color:var(--text-primary);background:var(--bg-elevated)}.random-home-container{margin-top:var(--space-2xl);text-align:center}.random-home-link{color:var(--text-muted);font-family:var(--font-ui);font-size:var(--btn-font-size);text-transform:uppercase;letter-spacing:1px;cursor:pointer;padding:var(--space-sm);transition:color var(--transition-fast);background:0 0;border:none}.random-home-link:hover{color:var(--accent-subtle)}@media (width<=639px){.random-poem-btn{display:none}}.page-header{text-align:center;margin-bottom:var(--space-3xl)}.page-title{font-family:var(--font-display);margin-bottom:var(--space-xs);font-size:3.5rem;font-weight:300}.page-subtitle{color:var(--text-muted);font-family:var(--font-ui)}@media (width<=768px){.page-title{font-size:2.5rem}}.stanza{margin-bottom:var(--space-xl)}.stagger-reveal{will-change:opacity}.line-reveal{opacity:1;will-change:opacity, transform;text-wrap:pretty;-webkit-hyphens:manual;hyphens:manual;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(0)}@media (width<=768px){.line-reveal{text-wrap:balance;text-indent:-.5em;padding-left:.5em}html.align-reading-left .line-reveal{text-wrap:pretty;text-indent:-1.5em;padding-left:1.5em}}.stagger-reveal.js-reveal-ready:not(.revealed) .line-reveal{opacity:0;transform:translateY(4px)}@media (prefers-reduced-motion:reduce){.line-reveal{transition:none!important}}.stanza+.stanza:before{content:"·";text-align:center;color:var(--text-muted);margin-bottom:var(--space-lg);opacity:.4;letter-spacing:.5em;font-size:1.5rem;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(0)}.stanza.stagger-reveal.js-reveal-ready:not(.revealed):before{opacity:0;transform:translateY(4px)}html.align-reading-left:not(.font-family-hand) .poem-content .stanza:first-child .line-reveal:first-child:first-letter{font-family:var(--font-display);color:var(--accent-subtle);vertical-align:baseline;margin-right:.05em;font-size:2.2em;font-weight:300;display:inline}.tags-menu{gap:var(--space-xs);margin-bottom:var(--space-2xl);flex-wrap:wrap;justify-content:center;display:flex}.tag-chip{border:1px solid var(--border-subtle);font-family:var(--font-ui);color:var(--text-secondary);text-transform:lowercase;transition:all var(--transition-fast);border-radius:20px;padding:.4rem 1rem;font-size:.8rem}.tag-chip:hover{border-color:var(--text-primary);color:var(--text-primary)}.tag-chip.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.comments-section{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border-subtle)}.comments-label{font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-lg);text-align:center;font-size:.75rem}.comments-list{margin-bottom:var(--space-2xl)}.comment-item{padding:var(--space-md);background:var(--bg-elevated);margin-bottom:var(--space-md);border-left:3px solid var(--accent-subtle);border-radius:8px}.comment-meta{font-size:.85rem;font-family:var(--font-ui);justify-content:space-between;margin-bottom:.5rem;display:flex}.comment-author{color:var(--text-primary);font-weight:500}.comment-date{color:var(--text-muted)}.comment-text{font-family:var(--font-body);color:var(--text-secondary);line-height:1.5}.comment-form[hidden],#toggle-comment-btn[hidden]{display:none!important}.comment-form{background:var(--bg-elevated);padding:var(--space-lg);border:1px solid var(--border-subtle);border-radius:12px}.comment-form-title{font-family:var(--font-display);margin-bottom:var(--space-md);font-size:1.2rem}.comment-form-group{margin-bottom:var(--space-md)}.comment-form-group input,.comment-form-group textarea{border:1px solid var(--border-strong);background:var(--bg-primary);width:100%;color:var(--text-primary);font-family:var(--font-body);border-radius:4px;padding:.75rem}.comment-msg{font-size:.85rem;font-family:var(--font-ui);margin-top:1rem}.about-page{padding:var(--space-2xl) var(--space-md);min-height:calc(100vh - var(--header-height));padding-bottom:var(--space-4xl)}.about-container{max-width:var(--container-main);gap:var(--space-2xl);flex-direction:column;width:100%;margin:0 auto;display:flex}.about-header{text-align:center;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-2xl);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-xl);flex-direction:column;display:flex}.about-avatar-container{flex-shrink:0}.about-avatar{border:3px solid var(--bg-elevated);border-radius:50%;width:140px;height:140px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 24px #0003}#profile-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-fast);background-color:var(--bg-elevated)}#profile-img:hover{transform:scale(1.05)}.upload-label{color:#fff;text-align:center;cursor:pointer;text-transform:uppercase;width:100%;font-size:.75rem;font-family:var(--font-ui);background:#000000b3;padding:.5rem 0;position:absolute;bottom:0;left:0}.about-intro h1{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.5rem;font-size:2.2rem}.about-tagline{color:var(--accent-subtle);font-size:1.1rem;font-family:var(--font-ui);margin-bottom:1rem}.social-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.social-links a{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border:1px solid var(--border-subtle);border-radius:4px;padding:.5rem 1rem;font-size:.85rem;text-decoration:none;transition:color .2s}.social-links a:hover{color:var(--text-primary);border-color:var(--text-primary)}.about-content{gap:var(--space-2xl);flex-direction:column;display:flex}.about-section{flex-direction:column;display:flex}.section-title{font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-lg);border-left:2px solid var(--accent-subtle);padding-left:1rem;font-size:.85rem}.bio-text{font-family:var(--font-poem);color:var(--text-secondary);max-width:100%;font-size:1.1rem;line-height:1.8}.about-grid{gap:var(--space-2xl);grid-template-columns:1fr;display:grid}.influences-list{margin:0;padding:0;list-style:none}.influences-list li{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);padding:.75rem 0;font-size:1rem}.influences-list li:last-child{border-bottom:none}.timeline{border-left:1px solid var(--border-subtle);padding-left:1.5rem;position:relative}.timeline-item{margin-bottom:1.5rem;position:relative}.timeline-item:before{content:"";background:var(--accent-subtle);border-radius:50%;width:10px;height:10px;position:absolute;top:.4rem;left:-1.8rem}.timeline-item:last-child{margin-bottom:0}.timeline-item .year{font-family:var(--font-display);color:var(--accent-subtle);margin-bottom:.25rem;font-size:1.2rem;display:block}.timeline-item .event{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.faq-section{margin-top:var(--space-xl)}.faq-list{gap:var(--space-lg);flex-direction:column;display:flex}.faq-item{border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-md)}.faq-item:last-child{border-bottom:none;padding-bottom:0}.faq-question{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.25rem;font-weight:400;line-height:1.3}.faq-answer{font-family:var(--font-poem);color:var(--text-secondary);font-size:1rem;line-height:1.7}.poem-metadata-section{margin:var(--space-2xl) auto var(--space-xl);max-width:var(--container-poetry);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:var(--space-lg) 0}.poem-metadata-list{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin:0;padding:0;display:grid}.poem-metadata-item{gap:var(--space-3xs);flex-direction:column;display:flex}.poem-metadata-item dt{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:.75rem}.poem-metadata-item dd{font-family:var(--font-ui);color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.poem-metadata-item dd a{color:var(--accent-subtle);text-underline-offset:2px;transition:color var(--transition-fast);text-decoration:underline}.poem-metadata-item dd a:hover{color:var(--text-primary)}.poem-citation-box{margin:var(--space-xl) auto;max-width:var(--container-poetry);background:var(--bg-elevated);border:1px solid var(--border-subtle);padding:var(--space-md) var(--space-lg);font-family:var(--font-ui);border-radius:6px}.citation-header{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap;display:flex}.citation-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);font-size:.78rem;font-weight:500}.btn-copy-citation{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:inline-flex}.btn-copy-citation:hover{color:var(--text-primary);border-color:var(--accent-subtle);background:var(--bg-elevated)}.btn-copy-citation.copied{background:var(--accent-subtle);color:#fff;border-color:var(--accent-subtle)}.citation-text{font-family:var(--font-body);color:var(--text-secondary);-webkit-user-select:all;user-select:all;word-break:break-word;margin:0;font-size:.85rem;line-height:1.6}@media (width>=768px){.about-page{padding:var(--space-3xl) var(--space-lg)}.about-header{text-align:left;padding-bottom:var(--space-3xl);margin-bottom:var(--space-3xl);flex-direction:row;align-items:center}.about-avatar{width:180px;height:180px}.about-intro h1{font-size:3rem}.about-tagline{font-size:1.25rem}.social-links{justify-content:flex-start}.bio-text{font-size:1.2rem}.about-grid{gap:var(--space-3xl);grid-template-columns:1fr 1fr}}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{background:var(--bg-primary);padding:var(--space-xl);border:1px solid var(--border-strong);border-radius:12px;width:90%;max-width:600px}.modal-actions{justify-content:flex-end;gap:1rem;display:flex}.poem-audio-player{margin:var(--space-xl) auto;padding:var(--space-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);text-align:center;border-radius:12px;max-width:400px}.audio-label{font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-size:.8rem}.audio-element{width:100%;height:40px}.read-next-section{margin-top:var(--space-4xl);padding-top:var(--space-2xl);border-top:1px solid var(--border-subtle);text-align:center}.read-next-label{font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-lg);font-size:.75rem}.read-next-card{padding:var(--space-2xl);background:var(--bg-elevated);border:1px solid var(--border-subtle);transition:all var(--transition-fast);border-radius:12px;max-width:500px;margin:0 auto;text-decoration:none;display:block}@media (hover:hover){.read-next-card:hover{border-color:var(--accent-subtle);transform:translateY(-4px)}}.read-next-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-sm);font-size:2rem}.read-next-excerpt{color:var(--text-muted);margin-bottom:var(--space-lg);font-size:.95rem}.read-next-btn{font-family:var(--font-ui);font-size:var(--btn-font-size);color:var(--accent-subtle);text-transform:uppercase;letter-spacing:1px}.filter-section{margin-bottom:var(--space-xl);gap:var(--space-md);flex-direction:column;max-width:800px;margin-left:auto;margin-right:auto;display:flex}.filter-group{align-items:center;gap:var(--space-md);display:flex}.filter-label{font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;min-width:100px;font-size:.75rem}.filter-chips{gap:var(--space-xs);flex:1;align-items:center;width:100%;min-width:0;display:flex}.filter-chips-scroll{gap:var(--space-xs);-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;flex:1;min-width:0;padding-bottom:4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12px calc(100% - 40px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 12px calc(100% - 40px),#0000 100%)}.filter-chips-scroll::-webkit-scrollbar{display:none}.filter-chip{border:1px solid var(--border-strong);color:var(--text-secondary);font-size:var(--btn-font-size);font-family:var(--font-ui);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;scroll-snap-align:start;background:0 0;border-radius:20px;flex-shrink:0;padding:.45rem 1.1rem}@media (width<=768px){.filter-chip{font-size:var(--btn-font-size);justify-content:center;align-items:center;min-height:44px;padding:.6rem 1.25rem;display:inline-flex}}@media (hover:hover){.filter-chip:hover{border-color:var(--text-primary);color:var(--text-primary)}}.filter-chip:active{background-color:var(--accent-muted)}.filter-chip.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}@media (width<=768px){.filter-group{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.filter-label{min-width:auto}}.push-toggle-container{margin-top:var(--space-xl);text-align:center;padding:var(--space-lg);border-top:1px solid var(--border-subtle)}.push-toggle-label{color:var(--text-muted);margin-bottom:var(--space-sm);font-size:.85rem}.push-toggle-btn{align-items:center;gap:var(--space-xs);background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-primary);cursor:pointer;font-family:var(--font-ui);font-size:var(--btn-font-size);transition:all var(--transition-fast);border-radius:4px;padding:.6rem 1.2rem;display:inline-flex}.push-toggle-btn:hover{border-color:var(--accent-subtle)}.push-toggle-btn.subscribed{border-color:var(--success);opacity:.8}.push-message{color:var(--accent-subtle);min-height:1rem;font-size:.75rem}.discovery-section,.discovery-filters{max-width:800px;margin:0 auto}.discovery-section .section-title{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-xs);font-size:1.2rem}.collections-grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.collection-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);transition:transform var(--transition-fast), border-color var(--transition-fast);border-radius:4px;overflow:hidden}.collection-card:hover{border-color:var(--accent-subtle);transform:translateY(-4px)}.collection-img{object-fit:cover;width:100%;height:180px}.collection-img-placeholder{background:linear-gradient(135deg, var(--bg-primary), var(--border-subtle));width:100%;height:180px;position:relative}.collection-img-placeholder:after{content:"✦";color:var(--text-muted);opacity:.3;font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.collection-info{padding:var(--space-md)}.collection-name{font-family:var(--font-display);margin-bottom:4px;font-size:1.4rem}.collection-count{font-family:var(--font-ui);color:var(--text-muted);text-transform:uppercase;font-size:.8rem}.font-family-serif{font-family:Cormorant Garamond,serif!important}.font-family-sans{font-family:Inter,sans-serif!important}.font-family-hand{font-family:Caveat,cursive!important;font-size:1.35em!important}.line-height-normal{line-height:1.7!important}.line-height-relaxed{line-height:2.2!important}.highlight-tooltip{background:var(--bg-elevated);border:1px solid var(--border-strong);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;gap:10px;margin-top:-10px;padding:6px 10px;transition:opacity .2s,visibility .2s,transform .2s;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 15px #0003}.highlight-tooltip.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-100%)translateY(-5px)}.highlight-tooltip:after{content:"";border-style:solid;border-width:6px 6px 0;border-color:var(--bg-elevated) transparent transparent transparent;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.highlight-btn{color:var(--text-primary);font-family:var(--font-ui);font-size:var(--btn-font-size);cursor:pointer;min-height:44px;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:0 12px;display:flex}.highlight-btn:hover{color:var(--accent-subtle)}.mobile-share-selection-btn{bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px) + 60px);background:var(--text-primary);color:var(--bg-primary);font-family:var(--font-ui);z-index:2000;opacity:0;pointer-events:none;white-space:nowrap;border:none;border-radius:24px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:opacity .3s,transform .3s;display:none;position:fixed;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 4px 12px #00000026}.mobile-share-selection-btn.visible{opacity:1;pointer-events:auto;display:flex;transform:translate(-50%)translateY(0)}@media (width>=769px){.mobile-share-selection-btn{display:none!important}}@keyframes popIn{0%{transform:scale(1)}50%{color:var(--accent-subtle);transform:scale(1.3)}to{transform:scale(1)}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.reaction-btn.reacted .reaction-emoji{animation:.4s ease-out popIn;display:inline-block}.ambient-audio-controls{margin-right:var(--space-md);border-right:1px solid var(--border-subtle);padding-right:var(--space-md);align-items:center;gap:10px;display:flex}.ambient-btn{font-family:var(--font-ui);font-size:var(--btn-font-size);color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 8px}.ambient-btn:hover{color:var(--text-primary)}.ambient-btn.active{color:var(--accent-subtle);border-color:var(--accent-muted);background:var(--accent-muted)}.explore-container{max-width:var(--container-main);padding:var(--space-2xl) var(--space-lg);flex-direction:column;align-items:center;width:100%;min-height:70vh;margin:0 auto;display:flex}.explore-map{border:1px solid var(--border-subtle);background:radial-gradient(circle at center, var(--bg-elevated) 0%, var(--bg-primary) 100%);border-radius:12px;width:100%;height:60vh;min-height:500px;position:relative;overflow:hidden}.explore-node{text-align:center;cursor:pointer;color:var(--text-primary);font-family:var(--font-ui);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;animation:6s ease-in-out infinite alternate floatNode;display:flex;position:absolute}.explore-node:hover{box-shadow:0 0 20px var(--accent-muted);border-color:var(--accent-subtle);z-index:10;transform:scale(1.1)!important}@keyframes floatNode{0%{transform:translateY(0)translate(0)}to{transform:translateY(-10px)translate(5px)}}.back-to-top-btn{bottom:calc(56px + env(safe-area-inset-bottom,0px) + var(--space-md));right:var(--space-lg);background-color:var(--bg-elevated);border:1px solid var(--border-subtle);width:48px;height:48px;color:var(--text-primary);cursor:pointer;z-index:990;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;transform:scale(.8)translateY(20px);box-shadow:0 4px 12px #0000001a}.back-to-top-btn.visible{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.back-to-top-btn:hover{background-color:var(--accent-muted);border-color:var(--accent-subtle);color:var(--accent-subtle)}@media (width<=768px){.back-to-top-btn{bottom:calc(56px + env(safe-area-inset-bottom,0px) + var(--space-md));right:var(--space-md)}body.poem-page-active .back-to-top-btn{display:none!important}}.immersive-hint{color:#fff;font-family:var(--font-ui);opacity:0;pointer-events:none;z-index:2000;background:#000c;border-radius:24px;padding:12px 24px;font-size:.9rem;transition:opacity .5s;position:fixed;bottom:20%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.immersive-hint.visible{opacity:1}html.immersive-mode body:before,html.immersive-mode body:after{content:"";opacity:0;z-index:1000;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23c5a880\" stroke-width=\"2\"><path d=\"M15 18l-6-6 6-6\"/></svg>");background-position:50%;background-repeat:no-repeat;width:30px;height:60px;transition:opacity .3s;position:fixed;top:50%}html.immersive-mode body:after{right:10px;transform:rotate(180deg)translateY(50%)}html.immersive-mode body:before{left:10px;transform:translateY(-50%)}@media (hover:hover){html.immersive-mode body:hover:before,html.immersive-mode body:hover:after{opacity:.15}}.immersive-control-panel{bottom:var(--space-lg);right:var(--space-lg);z-index:2000;-webkit-backdrop-filter:blur(12px);padding:var(--space-md);gap:var(--space-sm);width:280px;font-family:var(--font-ui);opacity:0;background:#121212bf;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;transition:opacity .4s,transform .4s;display:none;position:fixed;transform:translateY(10px);box-shadow:0 8px 32px #0006}html.immersive-mode .immersive-control-panel{opacity:1;display:flex;transform:translateY(0)}.immersive-panel-row{gap:var(--space-3xs);flex-direction:column;display:flex}.immersive-panel-row label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.immersive-panel-row .slider-wrapper{align-items:center;gap:var(--space-xs);display:flex}.immersive-panel-row input[type=range]{appearance:none;background:var(--border-strong);border:none;border-radius:2px;outline:none;flex:1;height:4px;padding:0}.immersive-panel-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-subtle);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s}.immersive-panel-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.immersive-panel-value{color:var(--text-primary);text-align:right;min-width:32px;font-size:.8rem}:root[data-theme=light] .immersive-control-panel{background:#fafafad9;border:1px solid #00000014;box-shadow:0 8px 32px #0000001a}@media (width<=480px){.immersive-control-panel{width:calc(100% - 24px);max-width:320px;padding:var(--space-sm);bottom:12px;right:12px}}.search-tag-chip.active{color:var(--text-primary)!important;border-color:var(--accent-subtle)!important;background:var(--accent-muted)!important}.search-tag-chip:hover{border-color:var(--accent-subtle)!important;color:var(--text-primary)!important}.card-preview-modal{opacity:0;transition:opacity var(--transition-fast) ease;display:none}.card-preview-modal.active{opacity:1;display:flex!important}.preview-theme-btn,.preview-ratio-btn{font-family:var(--font-ui);font-size:var(--btn-font-size);transition:all var(--transition-fast)}.preview-theme-btn.active{box-shadow:0 0 10px var(--accent-muted);border-color:var(--accent-subtle)!important}@media print{body #app{display:none!important}#print-library-container{color:#000!important;background:#fff!important;width:100%!important;display:block!important}.print-poem{page-break-after:always;box-sizing:border-box;max-width:6.5in;margin:0 auto;padding:2in 0}.print-poem-title{text-align:center!important;color:#000!important;margin-bottom:24pt!important;font-family:Cormorant Garamond,Georgia,serif!important;font-size:28pt!important}.print-poem-content{white-space:pre-wrap!important;color:#000!important;max-width:500px!important;margin:0 auto!important;font-family:Merriweather,serif!important;font-size:13pt!important;line-height:2!important}}.poem-narration-player{width:100%;max-width:580px;margin:0 auto var(--space-xl) auto;background:var(--bg-secondary);border:1px solid var(--border-subtle);box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 4px 20px #0000000f}.poem-narration-player:hover{border-color:var(--border-strong);box-shadow:0 6px 24px var(--accent-muted)}.narration-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.narration-badge{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.8px;color:var(--accent-subtle);align-items:center;gap:.4rem;font-size:.75rem;font-weight:500;display:inline-flex}.narration-badge-dot{background-color:var(--accent-subtle);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulseDot;display:inline-block}@keyframes pulseDot{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}.narration-controls{align-items:center;gap:.85rem;width:100%;display:flex}.narration-play-btn{background:var(--accent-subtle);width:40px;min-width:40px;height:40px;color:var(--bg-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .2s,box-shadow .2s,background-color .2s;display:flex}.narration-play-btn:hover{box-shadow:0 0 14px var(--accent-muted);transform:scale(1.06)}.narration-play-btn:active{transform:scale(.96)}.narration-play-btn svg{fill:currentColor;width:18px;height:18px}.narration-timeline{flex:1;align-items:center;gap:.5rem;display:flex}.narration-time{font-family:var(--font-ui);color:var(--text-muted);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;min-width:32px;font-size:.75rem}.narration-slider-container{flex:1;align-items:center;display:flex;position:relative}.narration-slider{appearance:none;background:var(--border-strong);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px;margin:0;padding:0;transition:height .15s}.narration-slider:hover{height:6px}.narration-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-subtle);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:transform .15s,background-color .15s;box-shadow:0 0 4px #0006}.narration-slider:hover::-webkit-slider-thumb{transform:scale(1.3)}.narration-slider::-moz-range-thumb{background:var(--accent-subtle);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 0 4px #0006}.narration-actions{align-items:center;gap:.4rem;display:flex}.narration-speed-btn{border:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-ui);cursor:pointer;text-align:center;background:0 0;border-radius:4px;min-width:34px;padding:3px 6px;font-size:.72rem;font-weight:500;transition:color .15s,border-color .15s}.narration-speed-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.narration-volume-container{align-items:center;gap:4px;display:flex;position:relative}.narration-volume-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.narration-volume-btn:hover{color:var(--text-primary)}.narration-volume-btn svg{fill:currentColor;width:16px;height:16px}.narration-volume-slider{appearance:none;background:var(--border-strong);cursor:pointer;border-radius:2px;outline:none;width:50px;height:3px}.narration-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--text-secondary);cursor:pointer;border-radius:50%;width:10px;height:10px}.narration-volume-slider::-moz-range-thumb{background:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px}@media (width<=600px){.poem-narration-player{margin-bottom:var(--space-lg);padding:.85rem 1rem}.narration-volume-slider{display:none}}.admin-audio-card{border:1px solid var(--border-strong);background:var(--bg-primary);padding:var(--space-md);margin-top:var(--space-md);border-radius:4px}.admin-audio-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.admin-audio-preview{margin-top:var(--space-sm);padding:var(--space-sm);background:var(--bg-secondary);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-sm);border-radius:4px;flex-wrap:wrap;display:flex}.admin-audio-preview audio{max-width:100%;height:36px}@media (width<=768px){.poem-content{touch-action:pan-y}.font-btn{min-width:44px;min-height:44px;padding:8px}.share-btn{min-height:44px;padding:.75rem 1rem}.filter-chip{min-height:44px;padding:10px 16px}.back-to-top-btn{bottom:calc(56px + env(safe-area-inset-bottom,0px) + var(--space-sm))}}.breadcrumb-nav{margin-bottom:var(--space-md);font-size:.85rem;font-family:var(--font-ui);width:100%}.breadcrumb-list{align-items:center;gap:var(--space-2xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-item{color:var(--text-muted);align-items:center;display:inline-flex}.breadcrumb-link{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.breadcrumb-link:hover{color:var(--text-primary);text-decoration:underline}.breadcrumb-separator{color:var(--text-muted);opacity:.5;-webkit-user-select:none;user-select:none;margin:0 2px}.breadcrumb-current{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-weight:500;overflow:hidden}@media (width<=600px){.breadcrumb-nav{margin-bottom:var(--space-sm);font-size:.78rem}.breadcrumb-current{max-width:180px}}