#tdo .tdo-occ-b{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 4px;background:var(--surface);border:2px solid var(--line);border-radius:14px;text-align:center;transition:border-color .2s,box-shadow .2s,transform .15s;min-height:78px}#tdo .tdo-occ-b:active{transform:scale(.97)}#tdo .tdo-occ-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}#tdo .tdo-occ-ic svg{width:19px;height:19px}#tdo .tdo-occ-b b{display:block;font-size:.9rem;font-weight:600;line-height:1.15}#tdo .tdo-occ-b[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,.22);background:#fffcf5}#tdo .tdo-occ-b[aria-pressed=true]::after{content:"";position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B2010' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}#tdo .tdo-rec.glow{animation:tdoGlow 1.6s ease}#tdo .tdo-rec-tg{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px}#tdo .tdo-rec-ic{width:38px;height:38px;border-radius:50%;background:var(--gold-soft);color:var(--gold-ink);display:grid;place-items:center;flex-shrink:0}#tdo .tdo-rec-ic svg{width:19px;height:19px}#tdo .tdo-rec-tg b{display:block;font-size:.98rem;font-weight:600;line-height:1.2}#tdo .tdo-rec-tg small{display:block;font-size:.85rem;color:var(--ink-3)}#tdo .tdo-rec-ch{margin-left:auto;width:22px;height:22px;color:var(--ink-3);transition:transform .25s}#tdo .tdo-rec.open .tdo-rec-ch{transform:rotate(180deg)}#tdo .tdo-rec-body{display:none;padding:0 16px 16px}#tdo .tdo-rec.open .tdo-rec-body{display:block}#tdo .tdo-rec p{font-size:.94rem;color:var(--ink-2);margin-bottom:10px}#tdo .tdo-rec ol{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;margin-bottom:14px;counter-reset:r}#tdo .tdo-rec li{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;counter-increment:r}#tdo .tdo-rec li::before{content:counter(r) ". ";color:var(--gold-2);font-weight:700}#tdo .tdo-rec .tdo-btn{width:100%}#tdo .tdo-clear.on{display:grid}#tdo .tdo-help{display:flex;gap:16px;flex-wrap:wrap;font-size:.86rem;color:var(--ink-3);margin:0 2px 10px}#tdo .tdo-help span{display:flex;align-items:center;gap:6px}#tdo .tdo-help i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--gold);color:var(--gold-ink);font-style:normal}#tdo .tdo-help i svg{width:11px;height:11px}#tdo .tdo-row{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #f2eada;transition:background .25s}#tdo .tdo-row:last-child{border-bottom:0}#tdo .tdo-row.is-playing{background:#fbf2dc}#tdo .tdo-play{width:50px;height:50px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;border:2px solid var(--gold);color:var(--gold-ink);background:var(--surface);transition:all .2s}#tdo .tdo-play svg{width:20px;height:20px}#tdo .tdo-play .ic-play{margin-left:3px}#tdo .tdo-row.is-playing .tdo-play{background:var(--ink);border-color:var(--ink);color:#fff8ea}#tdo .tdo-row.is-loading .tdo-play{border-style:dashed;animation:tdoSpin 1.2s linear infinite}#tdo .tdo-info{flex:1;min-width:0;cursor:pointer}#tdo .tdo-name{font-weight:600;font-size:1.04rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#tdo .tdo-artist{font-size:.9rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tdo .tdo-live{display:none;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--gold-ink);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}#tdo .tdo-row.is-playing .tdo-live{display:flex}#tdo .tdo-row.is-playing .tdo-artist{display:none}#tdo .tdo-add.is-in{background:var(--gold);color:#2b2010}#tdo .tdo-empty{padding:40px 20px;text-align:center;color:var(--ink-3)}#tdo .tdo-badge{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;background:#fbefd0;color:var(--gold-ink);margin-top:2px}#tdo .tdo-fab.bump{animation:tdoBump .5s ease}#tdo.has-player .tdo-fab{bottom:calc(var(--player-h,190px) + 16px + var(--dock-offset))}#tdo .tdo-tip.on{opacity:1;transform:none}#tdo.has-player .tdo-tip{bottom:calc(var(--player-h,190px) + 86px + var(--dock-offset))}#tdo .tdo-player.on{display:block}#tdo .tdo-p-cover svg{width:24px;height:24px}#tdo .tdo-p-x{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#cdbfa4;flex-shrink:0;align-self:flex-start}#tdo .tdo-p-x svg{width:20px;height:20px}#tdo .tdo-p-btn svg{width:24px;height:24px}#tdo .tdo-p-btn .ic-play{margin-left:3px}#tdo .tdo-p-add svg{width:20px;height:20px}#tdo .tdo-p-add.is-in{background:#e8d49b;color:#2e2416}#tdo .tdo-overlay.on{opacity:1;visibility:visible}#tdo .tdo-panel.on{transform:none}#tdo .tdo-shared.on{display:flex}#tdo .tdo-clr.confirm{border-color:var(--danger);background:var(--danger);color:#fff}#tdo .tdo-item{display:flex;align-items:center;gap:10px;padding:10px 6px 10px 2px;border-bottom:1px solid #f2eada;background:var(--surface);border-radius:10px}#tdo .tdo-handle{width:40px;height:44px;display:grid;place-items:center;color:var(--ink-3);cursor:grab;touch-action:none;flex-shrink:0}#tdo .tdo-handle svg{width:22px;height:22px}#tdo .tdo-item-n{width:22px;text-align:center;font-weight:700;color:var(--gold-ink);flex-shrink:0}#tdo .tdo-item-txt{flex:1;min-width:0}#tdo .tdo-item-txt b{display:block;font-size:1rem;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tdo .tdo-item-txt small{display:block;font-size:.86rem;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tdo .tdo-rm{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--ink-3);flex-shrink:0}#tdo .tdo-rm svg{width:19px;height:19px}#tdo .tdo-rm:hover{color:var(--danger);background:#fbedea}#tdo .tdo-ghost{opacity:.35}#tdo .tdo-chosen{box-shadow:var(--shadow-lg);background:#fffcf5}#tdo .tdo-empty-l{text-align:center;padding:30px 10px;color:var(--ink-3);font-size:.98rem}#tdo .tdo-empty-l svg{width:44px;height:44px;margin:0 auto 10px;color:var(--gold)}#tdo .tdo-choices.on{display:grid}#tdo .tdo-toast.on{transform:translate(-50%,0)}#tdo .c-madres{background:#f4ddd6;color:#9b4f3e}#tdo .c-padres{background:#dce5ec;color:#3f5d74}#tdo .c-quince{background:#e9dff1;color:#6a4c87}#tdo .c-cumpleanos{background:#f6e8c6;color:#8a6513}#tdo .c-romantic{background:#f2d9dc;color:#93404d}#tdo .c-all{background:var(--gold-soft);color:var(--gold-ink)}#tdo .tdo-sm.add.is-in{background:var(--gold);color:#2b2010}#tdo .tdo-sm.play.is-playing{background:var(--ink);border-color:var(--ink);color:#fff8ea}@media (max-width:370px){#tdo .tdo-add .tdo-add-lbl{display:none}#tdo .tdo-occ-b{padding:12px 10px;gap:10px}#tdo .tdo-occ-ic{width:38px;height:38px}}#tdo.tdo-intro .tdo-hero>*{animation:tdoRise .7s var(--ease) both}#tdo.tdo-intro .tdo-hero>*:nth-child(2){animation-delay:.08s}#tdo.tdo-intro .tdo-hero>*:nth-child(3){animation-delay:.16s}#tdo.tdo-intro .tdo-hero>*:nth-child(4){animation-delay:.24s}#tdo.tdo-intro .tdo-step-h{animation:tdoRise .6s var(--ease) .25s both}#tdo.tdo-intro .tdo-occ-b{animation:tdoRise .55s var(--ease) both}#tdo.tdo-intro .tdo-occ-b:nth-child(1){animation-delay:.32s}#tdo.tdo-intro .tdo-occ-b:nth-child(2){animation-delay:.38s}#tdo.tdo-intro .tdo-occ-b:nth-child(3){animation-delay:.44s}#tdo.tdo-intro .tdo-occ-b:nth-child(4){animation-delay:.5s}#tdo.tdo-intro .tdo-occ-b:nth-child(5){animation-delay:.56s}#tdo.tdo-intro .tdo-occ-b:nth-child(6){animation-delay:.62s}#tdo.tdo-intro .tdo-fab{animation:tdoRise .6s var(--ease) .8s both}#tdo .tdo-stag .tdo-row,#tdo .tdo-stag .tdo-item{animation:tdoRise .5s var(--ease) both;animation-delay:calc(var(--i,0) * 40ms + 60ms)}#tdo .tdo-items.tdo-stag .tdo-item{animation-delay:calc(var(--i,0) * 45ms + 180ms)}#tdo .tdo-play:active{transform:scale(.92)}@media (hover:hover){#tdo .tdo-occ-b:hover{transform:translateY(-2px);border-color:var(--line-2);box-shadow:var(--shadow)}#tdo .tdo-occ-b[aria-pressed=true]:hover{border-color:var(--gold)}#tdo .tdo-row:hover{background:#fffcf5}#tdo .tdo-row.is-playing:hover{background:#fbf2dc}#tdo .tdo-play:hover{transform:scale(1.07)}}#tdo .tdo-occ-b[aria-pressed=true]::after{animation:tdoTick .4s var(--ease)}#tdo .tdo-occ-b[aria-pressed=true] .tdo-occ-ic{animation:tdoPop .5s var(--ease)}#tdo .tdo-rec-body.anim{animation:tdoSwap .35s var(--ease)}#tdo .tdo-rec-body.anim li{animation:tdoRise .4s var(--ease) both}#tdo .tdo-rec-body.anim li:nth-child(1){animation-delay:.15s}#tdo .tdo-rec-body.anim li:nth-child(2){animation-delay:.2s}#tdo .tdo-rec-body.anim li:nth-child(3){animation-delay:.25s}#tdo .tdo-rec-body.anim li:nth-child(4){animation-delay:.3s}#tdo .tdo-rec-body.anim li:nth-child(5){animation-delay:.35s}#tdo .tdo-rec-body.anim li:nth-child(6){animation-delay:.4s}#tdo .tdo-rec-body.anim li:nth-child(7){animation-delay:.45s}#tdo .tdo-rec-body.anim li:nth-child(8){animation-delay:.5s}#tdo .tdo-rec-body.anim li:nth-child(9){animation-delay:.55s}#tdo .flash{animation:tdoFlash 1s ease-out}#tdo .pop{animation:tdoPop .5s var(--ease)}#tdo .pop svg{animation:tdoTick .4s var(--ease)}#tdo .swap{animation:tdoSwap .4s var(--ease)}#tdo .tdo-fly{position:fixed;left:0;top:0;width:18px;height:18px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(201,168,76,.3),0 4px 12px rgba(0,0,0,.22);z-index:90;pointer-events:none;will-change:transform}#tdo .tdo-fab.bump::after{animation:tdoFabRing .7s ease-out}#tdo .tdo-fab.bump .tdo-fab-n{animation:tdoPop .5s var(--ease)}#tdo .tdo-row{transition:background .25s,box-shadow .3s}#tdo .tdo-row.is-playing{box-shadow:inset 4px 0 0 var(--gold)}#tdo .tdo-row.is-playing:not(.is-loading) .tdo-play{animation:tdoRing 1.8s ease-out infinite}#tdo .tdo-player.on{animation:tdoUp .42s var(--ease)}#tdo .tdo-player.on.out{animation:tdoDown .28s ease-in forwards}#tdo .tdo-p-cover.live{animation:tdoBreath 2.2s ease-in-out infinite}#tdo .tdo-item.is-new{animation:tdoItemIn .55s var(--ease) both}#tdo .tdo-item.leaving{height:0!important;opacity:0;transform:translateX(44px);padding-top:0;padding-bottom:0;border-bottom-width:0;overflow:hidden;transition:height .24s var(--ease),opacity .2s,transform .24s var(--ease),padding .24s var(--ease)}#tdo .tdo-empty-l svg{animation:tdoFloat 3.2s ease-in-out infinite}#tdo .tdo-rv{opacity:0;transform:translateY(20px);transition:opacity .65s var(--ease),transform .65s var(--ease);transition-delay:var(--d,0s)}#tdo .tdo-rv.in{opacity:1;transform:none}