:root{--color-primary:#667eea;--color-secondary:#764ba2;--color-bg-primary:#0f0f23;--color-bg-secondary:#1a1a2e;--color-bg-card:#16213e;--color-text-primary:#e2e8f0;--color-text-secondary:#a0aec0;--color-text-muted:#718096;--color-border:#2d3748;--color-hover:#2d3e5f;--font-heading:"Playfair Display",serif;--font-poem:"Merriweather",serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.25);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.3);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.5);--transition-fast:150ms ease-in-out;--transition-base:200ms ease-in-out;--transition-slow:300ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;}body.sj-poetry-page{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);line-height:1.6;}.sj-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);}.sj-text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.sj-button{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:white;border:none;cursor:pointer;transition:all var(--transition-base);font-weight:500;}.sj-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}.sj-card{background-color:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-base);}.sj-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);}a.sj-link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast);}a.sj-link:hover{color:var(--color-secondary);}.sj-image-container{width:100%;text-align:center;margin:var(--spacing-lg) 0;}.sj-image-container img{max-width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:inline-block;}@media (max-width: 768px){.sj-container{padding:0 var(--spacing-md);}:root{--text-4xl:1.875rem;--text-5xl:2.25rem;}}@media (max-width: 480px){.sj-container{padding:0 var(--spacing-sm);}}