.poem-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1rem;padding:1.5rem;transition:all .3s ease;box-shadow:var(--shadow-card)}.poem-card:hover{border-color:hsl(var(--primary) / .3);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.poem-content{font-family:var(--font-serif);color:hsl(var(--foreground));margin:1rem 0;padding:1.25rem;background:hsl(var(--muted) / .5);border-radius:.75rem;border-left:3px solid hsl(var(--primary));font-size:1.05rem;line-height:1.6;max-height:400px;overflow-y:auto;white-space:pre-line}.poem-content.format-haiku{text-align:center;font-style:italic}.poem-content.format-sonnet{font-style:italic}.poem-content.format-limerick{padding-left:2rem}.poem-content.format-aabb,.poem-content.format-abab,.poem-content.format-abcb{line-height:1.8}.poem-meta{display:flex;align-items:center;gap:.75rem;color:hsl(var(--muted-foreground));font-size:.875rem;margin-bottom:1rem}.poem-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid hsl(var(--border))}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;border:1px solid hsl(var(--border));background:transparent;color:hsl(var(--muted-foreground));cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500}.action-btn:hover{background:hsl(var(--muted));border-color:hsl(var(--primary) / .3);color:hsl(var(--foreground))}.action-btn.liked{background:hsl(var(--primary) / .1);border-color:hsl(var(--primary) / .3);color:hsl(var(--primary))}.action-btn.delete-btn:hover{background:hsl(var(--destructive) / .1);border-color:hsl(var(--destructive) / .3);color:hsl(var(--destructive))}.action-btn.edit-poem-btn:hover{background:hsl(var(--primary) / .1);border-color:hsl(var(--primary) / .3);color:hsl(var(--primary))}.poem-edit-form{padding:1rem 0;display:flex;flex-direction:column;gap:.75rem}.poem-edit-form textarea{width:100%;min-height:300px;padding:1rem;border:2px solid hsl(var(--primary) / .3);border-radius:.5rem;background:hsl(var(--background));color:hsl(var(--foreground));font-family:inherit;font-size:1rem;line-height:1.8;resize:vertical;box-sizing:border-box}.poem-edit-form textarea:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.poem-edit-form input[type=text]{width:100%;padding:.75rem 1rem;border:2px solid hsl(var(--primary) / .3);border-radius:.5rem;background:hsl(var(--background));color:hsl(var(--foreground));font-family:inherit;font-size:1.25rem;font-weight:600;box-sizing:border-box}.poem-edit-form input[type=text]:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.poem-edit-actions{display:flex;gap:.75rem;margin-top:.5rem}.poem-edit-actions button{padding:.6rem 1.5rem;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:opacity .15s}.poem-edit-actions button:hover{opacity:.85}.poem-edit-save{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.poem-edit-cancel{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.comments-section{margin-top:1rem;border-top:1px solid hsl(var(--border));padding-top:1rem}.comment{background:hsl(var(--muted) / .5);border-radius:.75rem;padding:1rem;margin-bottom:.75rem}.comment-author{font-weight:600;color:hsl(var(--primary));font-size:.875rem;margin-bottom:.25rem}.comment-text{color:hsl(var(--foreground));line-height:1.6;white-space:pre-line;font-size:.875rem}.comment-actions{display:flex;gap:.5rem;margin-top:.5rem}.comment-action-btn{background:none;border:none;font-size:.75rem;cursor:pointer;padding:.125rem .375rem;border-radius:.25rem;transition:all .2s}.comment-edit-btn{color:hsl(var(--muted-foreground))}.comment-edit-btn:hover{color:hsl(var(--primary));background:hsl(var(--primary) / .1)}.comment-delete-btn{color:hsl(var(--muted-foreground))}.comment-delete-btn:hover{color:hsl(var(--destructive));background:hsl(var(--destructive) / .1)}.comment-edit-form{display:flex;gap:.5rem;margin-top:.5rem}.comment-edit-input{flex:1;padding:.5rem .75rem;border-radius:.375rem;border:1px solid hsl(var(--border));background:hsl(var(--background));color:hsl(var(--foreground));font-size:.8125rem}.comment-edit-input:focus{outline:none;border-color:hsl(var(--primary))}.comment-edit-save,.comment-edit-cancel{padding:.375rem .75rem;border-radius:.375rem;border:none;font-size:.75rem;cursor:pointer;font-weight:500}.comment-edit-save{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.comment-edit-cancel{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.comment-edited-tag{font-size:.7rem;color:hsl(var(--muted-foreground));font-style:italic}.comment-form{display:flex;gap:.75rem;margin-top:1rem}.comment-input{flex:1;padding:.75rem 1rem;border-radius:.5rem;border:1px solid hsl(var(--border));background:hsl(var(--background));color:hsl(var(--foreground));font-size:.875rem}.comment-input:focus{outline:none;border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary) / .1)}.comment-input::-moz-placeholder{color:hsl(var(--muted-foreground))}.comment-input::placeholder{color:hsl(var(--muted-foreground))}.comment-submit{padding:.75rem 1.25rem;border-radius:.5rem;border:none;background:hsl(var(--primary));color:hsl(var(--primary-foreground));cursor:pointer;transition:all .2s;font-weight:500;font-size:.875rem}.comment-submit:hover{background:hsl(var(--primary) / .9);transform:translateY(-1px)}@media(max-width:640px){.poem-card{padding:1rem}.poem-content{padding:1rem;font-size:.95rem}.poem-actions{flex-wrap:wrap}.comment-form{flex-direction:column}}.emoji-reactions{display:flex;gap:.375rem;flex-wrap:wrap;margin-top:.75rem;padding-top:.75rem;border-top:1px solid hsl(var(--border))}.reaction-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .6rem;border-radius:999px;border:1px solid hsl(var(--border));background:transparent;cursor:pointer;font-size:1rem;transition:all .15s ease;line-height:1}.reaction-btn:hover{background:hsl(var(--muted));border-color:hsl(var(--primary) / .4);transform:scale(1.1)}.reaction-btn.reacted{background:hsl(var(--primary) / .12);border-color:hsl(var(--primary) / .5)}.reaction-count{font-size:.75rem;font-weight:600;color:hsl(var(--muted-foreground))}.reaction-btn.reacted .reaction-count{color:hsl(var(--primary))}.comment-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.comment-input-wrapper .comment-input{width:100%;padding-right:2.5rem}.emoji-picker-btn{position:absolute;right:.5rem;background:none;border:none;cursor:pointer;font-size:1.1rem;line-height:1;padding:.2rem;border-radius:.25rem;transition:transform .15s;opacity:.7}.emoji-picker-btn:hover{transform:scale(1.2);opacity:1}.emoji-picker-popup{position:absolute;bottom:calc(100% + .5rem);right:0;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:.75rem;padding:.5rem;display:grid;grid-template-columns:repeat(8,1fr);gap:.25rem;box-shadow:0 8px 24px #00000026;z-index:100;width:240px}.emoji-picker-popup.hidden{display:none}.emoji-option{background:none;border:none;cursor:pointer;font-size:1.15rem;padding:.25rem;border-radius:.375rem;transition:background .1s,transform .1s;line-height:1}.emoji-option:hover{background:hsl(var(--muted));transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.poem-card{animation:fadeIn .4s ease-out}