.music-bubble-full{position:relative;overflow:hidden;border-radius:1rem;display:flex;flex-direction:column;justify-content:flex-end;max-width:420px;width:100%;height:200px;color:#fff;background-color:#1a1a1a}.music-bubble-full *{box-sizing:border-box}.music-bubble-full .cover-layer{position:absolute;inset:0;display:flex;justify-content:flex-end;z-index:1}.music-bubble-full .cover-layer .cover-image{height:100%;object-fit:cover;display:block;margin-right:0%}.music-bubble-full .color-overlay{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,var(--theme-color, #3b82f6) 0%,var(--theme-color, #3b82f6) 40%,transparent 100%)}.music-bubble-full .content-layer{position:relative;z-index:20;padding:1rem;width:100%}.music-bubble-full .track-title{font-size:1.25rem;line-height:1.4;margin:0 0 .1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--accent-color, #fbbf24)}.music-bubble-full .track-artist{font-size:.875rem;line-height:1.4;margin:0 0 .5rem;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--accent-color, #fbbf24)}@media (min-width: 768px){.music-bubble-full .track-title{font-size:1.5rem}.music-bubble-full .track-artist{font-size:1rem}}.music-bubble-full .controls{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.music-bubble-full .ctrl-btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:9999px;background-color:#ffffff1a;color:var(--accent-color, #fbbf24);cursor:default;opacity:.9;transition:none;width:1.5rem;height:1.5rem;font-size:.75rem;line-height:1}.music-bubble-full .play-btn{width:2rem;height:2rem;font-size:1rem;background-color:#fff3}.music-bubble-full .progress-wrapper{width:100%;margin-top:.25rem}.music-bubble-full .progress-track{position:relative;display:flex;align-items:center;width:100%}.music-bubble-full .progress-bg{width:100%;height:.25rem;border-radius:9999px;overflow:hidden;background-color:var(--theme-color, #3b82f6);opacity:.3}.music-bubble-full .progress-fill{height:100%;background-color:var(--accent-color, #fbbf24);transition:width .3s ease;box-shadow:0 0 8px #ffffff4d}.music-bubble-full .progress-knob{position:absolute;top:50%;transform:translateY(-50%);width:.75rem;height:.75rem;border-radius:9999px;background-color:var(--accent-color, #fbbf24);box-shadow:0 2px 6px #0003;transition:left .3s ease;z-index:25}.music-bubble-full .time-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#fffc;margin-top:.15rem}.music-bubble-full .deco-notes{position:absolute;top:.75rem;right:.75rem;font-size:1.5rem;line-height:1;color:#ffffff4d;user-select:none;pointer-events:none;z-index:20}.music-bubble-full button[disabled]{pointer-events:none;opacity:.9}@media (max-width: 480px){.music-bubble-full{height:180px}.music-bubble-full .track-title{font-size:1rem}.music-bubble-full .track-artist{font-size:.75rem}}:root{--bg-light: #ffffff;--bg-dark: #1d1d20;--card-light: #ffffff;--card-dark: #1d1d20;--border-light: #e5e7eb;--border-dark: #2d2d30;--text-light: #374151;--text-dark: #e5e7eb;--text-secondary-light: #6b7280;--text-secondary-dark: #9ca3af}.memo-card{border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);animation:cardEntrance .5s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--border-light);margin-bottom:8px}@media (prefers-color-scheme: dark){.memo-card{background-color:var(--card-dark)}}.memo-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.music-memo-card{background:transparent!important;border:none!important}.music-memo-card:hover{box-shadow:none!important}.memo-content{white-space:pre-wrap;word-break:break-word;line-height:1.7}@media (prefers-color-scheme: dark){.memo-time{color:var(--text-secondary-dark)}}.tag-item{transition:all .2s ease;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:500}.tag-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.load-more-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);transition:all .3s ease}.load-more-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf666}.load-more-btn:disabled{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);transform:none;box-shadow:none}@media (prefers-color-scheme: dark){.load-more-btn{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.load-more-btn:hover{box-shadow:0 10px 25px #7c3aed66}.load-more-btn:disabled{background:linear-gradient(135deg,#4c1d95,#3730a3)}}