.pe-card{display:block;max-width:480px;margin:10px 0;border:1px solid var(--border-color, #e3e0d9);border-radius:var(--radius-md, 14px);background:var(--bg-surface, #fff);box-shadow:var(--shadow-card, 0 1px 3px rgba(0, 0, 0, .08));overflow:hidden;opacity:0;transform:translateY(6px);transition:opacity .28s ease,transform .28s ease,box-shadow .18s ease,border-color .18s ease;contain:content}.pe-card.pe-visible{opacity:1;transform:none}.pe-card .pe-open{display:flex;align-items:center;gap:12px;padding:12px;text-decoration:none;color:inherit}.pe-card:hover{border-color:color-mix(in srgb,var(--accent-primary, #6c8cff) 55%,var(--border-color, #e3e0d9));box-shadow:0 2px 10px #0000001a}.pe-card a,.pe-card a:hover{text-decoration:none!important}.pe-cover,.pe-thumb{flex:0 0 auto;width:64px;height:64px;border-radius:var(--radius-sm, 10px);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-surface-alt, #f1efe9);color:var(--text-muted, #6b6b6b)}.pe-cover-img,.pe-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.pe-card--track .pe-thumb{color:#fff;background:linear-gradient(135deg,#7c4dff,#4d7cff)}.pe-cover-fallback{color:var(--text-muted, #6b6b6b);opacity:.7}.pe-body{flex:1 1 auto;min-width:0}.pe-kicker{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs, .72rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-primary, #6c8cff);margin-bottom:3px}.pe-card--complaint .pe-kicker{color:#e0533b}.pe-title{font-size:var(--text-lg, 1rem);font-weight:650;color:var(--text-main, #1d1d1f);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.pe-meta{margin-top:4px;font-size:var(--text-sm, .8125rem);color:var(--text-muted, #6b6b6b);display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}.pe-stats{display:inline-flex;align-items:center;gap:10px}.pe-stat{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.pe-stat svg{opacity:.8}.pe-go{flex:0 0 auto;color:var(--text-muted, #9a958c);opacity:.55;transition:transform .18s ease,opacity .18s ease}.pe-card:hover .pe-go{opacity:1;transform:translate(2px);color:var(--accent-primary, #6c8cff)}.pe-card .pe-player{margin:0 12px 12px}.pe-card--complaint .pe-open{flex-direction:column;align-items:stretch;gap:8px}.pe-complaint-head{display:flex;align-items:center;gap:10px}.pe-avatar{flex:0 0 auto;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--bg-surface-alt, #f1efe9);display:flex;align-items:center;justify-content:center;color:var(--text-muted, #6b6b6b)}.pe-complaint-target{flex:1 1 auto;min-width:0}.pe-complaint-name{font-weight:650;color:var(--text-main, #1d1d1f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pe-badge{flex:0 0 auto;font-size:var(--text-xs, .72rem);font-weight:700;color:#e0533b;background:#e0533b1f;border-radius:999px;padding:3px 9px;white-space:nowrap}.pe-card--complaint .pe-title{-webkit-line-clamp:1;font-size:var(--text-base, .9rem)}.pe-excerpt{font-size:var(--text-sm, .8125rem);color:var(--text-secondary, var(--text-muted, #5e5b54));line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.pe-card--playlist{max-width:540px}.pe-pl-top{display:flex;align-items:center;gap:12px;padding:12px}.pe-pl-coverlink{flex:0 0 auto;display:block;border-radius:var(--radius-sm, 10px);overflow:hidden;line-height:0}.pe-pl-head{flex:1 1 auto;min-width:0}.pe-pl-name{display:block;font-size:var(--text-lg, 1rem);font-weight:650;line-height:1.25;color:var(--text-main, #1d1d1f)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pe-pl-name:hover{color:var(--accent-primary, #6c8cff)!important}.pe-pl-toggle{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--accent-primary, #6c8cff);box-shadow:0 2px 8px #0000002e;transition:transform .15s ease,filter .15s ease}.pe-pl-toggle:hover{filter:brightness(1.07);transform:scale(1.04)}.pe-pl-toggle:active{transform:scale(.96)}.pe-pl-toggle .pe-ic-pause,.pe-pl-toggle[data-state=playing] .pe-ic-play{display:none}.pe-pl-toggle[data-state=playing] .pe-ic-pause{display:inline}.pe-pl-now{display:flex;align-items:center;gap:10px;padding:7px 12px;border-top:1px solid var(--border-color, #e3e0d9);background:var(--bg-surface-alt, #f7f5f0)}.pe-pl-now[hidden]{display:none}.pe-pl-now-title{flex:0 1 auto;min-width:0;max-width:42%;font-size:var(--text-xs, .72rem);font-weight:600;color:var(--text-secondary, var(--text-muted, #5e5b54));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pe-pl-seek{position:relative;flex:1 1 auto;height:16px;cursor:pointer;touch-action:none}.pe-pl-seek:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:4px;border-radius:2px;background:var(--border-color, #ddd9d0)}.pe-pl-seek-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;width:0;max-width:100%;border-radius:2px;background:var(--accent-primary, #6c8cff);pointer-events:none}.pe-pl-seek-fill:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--accent-primary, #6c8cff);box-shadow:0 1px 3px #00000040}.pe-pl-seek-thumb{display:none}.pe-pl-seek:focus-visible{outline:2px solid var(--accent-primary, #6c8cff);outline-offset:3px;border-radius:3px}.pe-pl-now-time{flex:0 0 auto;font-size:var(--text-xs, .72rem);font-variant-numeric:tabular-nums;color:var(--text-muted, #6b6b6b);white-space:nowrap}.pe-pl-list{list-style:none;margin:0;padding:4px;max-height:272px;overflow-y:auto;border-top:1px solid var(--border-color, #e3e0d9);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-color, #d9d4ca) transparent}.pe-pl-list::-webkit-scrollbar{width:8px}.pe-pl-list::-webkit-scrollbar-thumb{background:var(--border-color, #d9d4ca);border-radius:4px}.pe-pl-row{margin:0}.pe-pl-rowbtn{width:100%;display:flex;align-items:center;gap:10px;padding:7px 8px;border:none;background:none;border-radius:var(--radius-sm, 8px);cursor:pointer;text-align:left;color:inherit;font:inherit}.pe-pl-rowbtn:hover{background:var(--bg-surface-alt, rgba(0, 0, 0, .045))}.pe-pl-row.is-active .pe-pl-rowbtn{background:color-mix(in srgb,var(--accent-primary, #6c8cff) 12%,transparent)}.pe-pl-glyph{position:relative;flex:0 0 auto;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted, #9a958c);font-size:.78rem;font-variant-numeric:tabular-nums}.pe-pl-eq,.pe-pl-play,.pe-pl-ext,.pe-pl-row--play .pe-pl-rowbtn:hover .pe-pl-num{display:none}.pe-pl-row--play .pe-pl-rowbtn:hover .pe-pl-play{display:inline;color:var(--accent-primary, #6c8cff)}.pe-pl-row--ext .pe-pl-num{display:none}.pe-pl-row--ext .pe-pl-ext{display:inline;opacity:.75}.pe-pl-row.is-active .pe-pl-num,.pe-pl-row.is-active .pe-pl-play{display:none!important}.pe-pl-row.is-active .pe-pl-eq{display:inline-flex}.pe-pl-eq{align-items:flex-end;gap:2px;height:13px}.pe-pl-eq i{width:3px;height:40%;border-radius:1px;background:var(--accent-primary, #6c8cff)}.pe-pl-is-playing .pe-pl-row.is-active .pe-pl-eq i{animation:pe-eq .9s ease-in-out infinite}.pe-pl-is-playing .pe-pl-row.is-active .pe-pl-eq i:nth-child(2){animation-delay:.3s}.pe-pl-is-playing .pe-pl-row.is-active .pe-pl-eq i:nth-child(3){animation-delay:.6s}@keyframes pe-eq{0%,to{height:30%}50%{height:100%}}.pe-pl-rowmain{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.pe-pl-rowtitle{font-size:var(--text-sm, .85rem);font-weight:550;color:var(--text-main, #1d1d1f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pe-pl-row.is-active .pe-pl-rowtitle{color:var(--accent-primary, #6c8cff)}.pe-pl-rowsub{font-size:var(--text-xs, .72rem);color:var(--text-muted, #6b6b6b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pe-pl-more{display:block;padding:9px 12px;text-align:center;font-size:var(--text-sm, .8125rem);font-weight:600;color:var(--accent-primary, #6c8cff)!important;border-top:1px solid var(--border-color, #e3e0d9)}.pe-pl-more:hover{background:var(--bg-surface-alt, rgba(0, 0, 0, .045))}@media(max-width:520px){.pe-cover,.pe-thumb{width:54px;height:54px}.pe-title{font-size:var(--text-base, .9rem)}.pe-card--playlist{max-width:100%}.pe-pl-top{padding:10px;gap:10px}.pe-pl-toggle{width:48px;height:48px}.pe-pl-list{max-height:220px;padding:2px}.pe-pl-rowbtn{padding:9px 8px;gap:8px}.pe-pl-now-title{display:none}.pe-pl-now{padding:8px 12px}}@media(prefers-reduced-motion:reduce){.pe-card{transition:none;opacity:1;transform:none}.pe-pl-toggle{transition:none}.pe-pl-is-playing .pe-pl-row.is-active .pe-pl-eq i{animation:none;height:70%}}