.postcard-detail-container{max-width:1000px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg);min-height:100vh;}.postcard-header{text-align:center;margin-bottom:var(--spacing-2xl);}.postcard-title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-text-primary);}.postcard-image-container{text-align:center;margin:var(--spacing-3xl) 0;background-color:var(--color-bg-card);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-2xl);}.postcard-image{max-width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);}.related-poems{margin-top:var(--spacing-3xl);}.related-poems-header{font-family:var(--font-heading);font-size:var(--text-3xl);text-align:center;margin-bottom:var(--spacing-2xl);color:var(--color-text-primary);}.related-poems-count{text-align:center;font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);}.related-poems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl);}.related-poem-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);text-decoration:none;display:block;}.related-poem-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);}.related-poem-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);transition:color var(--transition-fast);}.related-poem-card:hover .related-poem-title{color:var(--color-primary);}.related-poem-book{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-style:italic;}.related-poem-preview{font-family:var(--font-poem);font-size:var(--text-sm);line-height:1.8;color:var(--color-text-secondary);white-space:pre-wrap;margin-bottom:var(--spacing-md);}.related-poem-themes{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);}.related-poem-theme{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm);background:rgba(102,126,234,.2);border-radius:var(--radius-full);color:var(--color-text-primary);}.postcard-back-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);text-decoration:none;margin-bottom:var(--spacing-xl);transition:all var(--transition-base);}.postcard-back-btn:hover{background-color:var(--color-hover);border-color:var(--color-primary);transform:translateX(-4px);}.random-poem-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.9);z-index:var(--z-modal);justify-content:center;align-items:center;padding:var(--spacing-lg);overflow-y:auto;}.random-poem-overlay.active{display:flex;}.random-poem-modal{background-color:var(--color-bg-card);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);position:relative;animation:slideIn .3s ease-out;}@keyframes slideIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.random-poem-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-2xl);cursor:pointer;transition:color var(--transition-fast);width:32px;height:32px;display:flex;align-items:center;justify-content:center;}.random-poem-close:hover{color:var(--color-text-primary);}.random-poem-content{text-align:center;}.random-poem-title{font-family:var(--font-heading);font-size:var(--text-3xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary);}.random-poem-book{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);font-style:italic;}.random-poem-image-container{margin:var(--spacing-xl) 0;}.random-poem-image{max-width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);}.random-poem-text{font-family:var(--font-poem);font-size:var(--text-base);line-height:1.9;white-space:pre-wrap;margin:var(--spacing-xl) 0;color:var(--color-text-primary);}.random-poem-themes{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-xl) 0;}.random-poem-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-2xl);flex-wrap:wrap;}.random-poem-btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:500;text-decoration:none;transition:all var(--transition-base);cursor:pointer;border:none;font-size:var(--text-base);}.random-poem-btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:white;}.random-poem-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}.random-poem-btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);}.random-poem-btn-secondary:hover{background-color:var(--color-hover);border-color:var(--color-primary);}@media (max-width: 768px){.postcard-detail-container{padding:var(--spacing-2xl) var(--spacing-md);}.related-poems-grid{grid-template-columns:1fr;}.random-poem-modal{padding:var(--spacing-2xl);}.random-poem-title{font-size:var(--text-2xl);}}@media (max-width: 480px){.postcard-title{font-size:var(--text-3xl);}.postcard-image-container{padding:var(--spacing-lg);}.random-poem-overlay{padding:var(--spacing-sm);}.random-poem-modal{padding:var(--spacing-lg);}.random-poem-actions{flex-direction:column;}.random-poem-btn{width:100%;}}