.dna-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.dna-title-row{align-items:center;gap:10px;display:flex}.dna-title-row h3{color:#fff;font-size:1.2rem;font-family:var(--font-heading);letter-spacing:1px;margin:0}.info-icon{color:var(--muted);cursor:help;font-size:.9rem;position:relative}.info-icon:hover{color:var(--accent)}.dna-tooltip{color:#fff;pointer-events:none;z-index:100;text-align:center;background:#0f0f19fa;border:1px solid #ffffff26;border-radius:12px;width:240px;padding:10px 14px;font-size:.8rem;line-height:1.4;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 15px 30px #0009}.dna-votes-count{color:var(--accent);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.dna-metrics{flex-direction:column;gap:16px;display:flex}.dna-metric-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.metric-label{color:var(--muted);flex:1;font-size:.95rem;font-weight:500}.metric-value{text-align:right;color:#fff;width:30px;font-size:.95rem;font-weight:700}.dna-stars{gap:4px;display:flex}.star-wrapper{cursor:default;width:20px;height:20px;display:inline-block;position:relative}.dna-stars.interactive .star-wrapper{cursor:pointer}.star-bg{color:#ffffff1a;font-size:1.2rem;position:absolute;top:0;left:0}.star-fill-wrapper{height:100%;position:absolute;top:0;left:0;overflow:hidden}.star-fill{color:var(--accent);font-size:1.2rem}.dna-submit-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin-top:24px;padding:12px;font-size:.95rem;font-weight:600;transition:all .3s}.dna-submit-btn:not(:disabled):hover{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:0 0 20px rgba(var(--accent-rgb), .2)}.dna-submit-btn:disabled{opacity:.5;cursor:not-allowed}.dna-skeleton{background:#ffffff05;border-radius:20px;height:200px}@media (max-width:600px){.dna-metric-row{flex-direction:column;align-items:flex-start;gap:8px}.metric-value{position:absolute;right:24px}}
.writer-display-widget{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;align-items:center;margin-bottom:20px;padding:12px 16px;text-decoration:none;transition:all .3s;display:flex}.writer-display-widget:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.writer-avatar-small{color:#fff;background:#00000080;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:14px;font-size:1.2rem;font-weight:700;display:flex}.writer-info-small{flex:1}.writer-name-small{color:#fff;font-size:.95rem;font-weight:600;font-family:var(--font-heading);margin-bottom:4px}.writer-stats-small{align-items:center;gap:6px;font-size:.8rem;font-weight:500;display:flex}.writer-arrow{color:var(--muted);font-size:.9rem;transition:transform .3s}.writer-display-widget:hover .writer-arrow{color:var(--accent);transform:translate(3px)}@media (max-width:768px){.writer-display-widget{border-radius:12px;margin-bottom:16px;padding:8px 12px}.writer-avatar-small{width:32px;height:32px;margin-right:10px;font-size:1rem}.writer-name-small{font-size:.85rem}.writer-stats-small{font-size:.75rem}}