:root{color-scheme:light;--panel:#fff;--surface:#eeeeea}html[data-theme=dark]{color-scheme:dark;--ink:#f2f2ec;--paper:#111311;--panel:#1c201c;--surface:#262c25;--line:#363c34;--muted:#afb6aa;--soft:#262c25;--white:#1c201c}
html[data-theme=dark] .topbar{background:rgba(17,19,17,.95)}html[data-theme=dark] :is(.card,.feed-post,.video-card,.modal-card,.thread-replies article,.icon-btn,.cover-picker,.genre-filter button,.citrus-rewards article,.mera-playlist-hub article,.collab-pending article){background:var(--panel);color:var(--ink)}html[data-theme=dark] :is(.top50-table .artist-rank.top-podium,.reward-card,.free-economy-note){background:#283119!important;color:#f2f2ec}html[data-theme=dark] .btn.primary{background:var(--acid);color:#111;border-color:var(--acid)}html[data-theme=dark] :is(.video-picker,.auth-box){background:#20271a;color:#f2f2ec}html[data-theme=dark] .auth-panel{background:var(--paper)}html[data-theme=dark] .verified-box{background:var(--panel)}html[data-theme=dark] .reaction.heart{color:#111}html[data-theme=dark] .tabs .tab.active{color:var(--acid)}html[data-theme=dark] .social-publish .mera-icon{color:#111}
.theme-switch{display:grid!important;place-items:center;font-size:20px}.studio-options{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.studio-options button[aria-pressed=true]{background:var(--acid);color:#111;border-color:var(--acid)}.studio-drop{position:relative;padding:28px;border:1px dashed var(--muted);border-radius:16px;text-align:center;background:var(--surface);cursor:pointer}.studio-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.studio-media{width:100%;max-height:260px;display:block;border-radius:12px;background:#000;margin-top:18px}.studio-timeline{border-radius:16px;background:var(--surface);padding:18px;margin:16px 0}.studio-timeline label{margin-top:14px;text-transform:none}.studio-timeline input{accent-color:#b7e522}.studio-time{display:flex;justify-content:space-between;gap:12px;font-family:'DM Mono';font-size:.8rem}.studio-note{font-size:.78rem;color:var(--muted)}.studio-extra summary{cursor:pointer;margin-top:20px;font-size:.85rem}.studio-error{color:#dd684b;font-size:.85rem}.studio-progress{width:100%;accent-color:#b7e522}.music-only-nav{display:flex;gap:8px;margin-bottom:18px}.auth-password-note{font-size:.75rem;color:var(--muted)}

/* "Te limoneo": estado previo ligero; el verde seleccionado se conserva. */
.reaction-row .reaction.heart:not(.selected){background:linear-gradient(145deg,#fff 0%,#fafbf3 100%);color:#171815;border:1px solid #d8dbcc!important;box-shadow:0 7px 20px rgba(28,34,17,.08),inset 0 0 0 1px rgba(255,255,255,.8)}
.reaction-row .reaction.heart:not(.selected)::after{content:'';position:absolute;right:13px;top:13px;width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px rgba(217,255,63,.2)}
.reaction-row .reaction.heart:not(.selected) span{color:#171815;transition:transform .2s ease,color .2s ease}
.reaction-row .reaction.heart:not(.selected) b{padding:3px 7px;border-radius:999px;background:#eff3df;color:#394118}
.reaction-row .reaction.heart:not(.selected):hover{border-color:#bad63b!important;transform:translateY(-2px);box-shadow:0 10px 24px rgba(109,135,17,.16),0 0 0 4px rgba(217,255,63,.14)}
.reaction-row .reaction.heart:not(.selected):hover span{transform:rotate(-8deg) scale(1.08)}
html[data-theme=dark] .reaction-row .reaction.heart:not(.selected){background:#f4f5ee;color:#171815;border-color:#c9cdbd!important}
.password-field{display:flex;gap:8px;align-items:center}.password-field input{min-width:0;flex:1}.password-field button{border:0;background:transparent;color:var(--ink);cursor:pointer;padding:12px}.lemon-notification.unread{border-left:3px solid var(--acid)}.lemon-notification .artist-name small{font-weight:400}
