@font-face{font-family:'PP Full Serif';font-weight:400;src:url('/fonts/phat-phap-serif-regular.woff');font-display:swap}
@font-face{font-family:'PP Full Serif';font-weight:700;src:url('/fonts/phat-phap-serif-bold.woff');font-display:swap}
@font-face{font-family:'PP Full Sans';src:url('/fonts/phat-phap-sans-regular.woff');font-display:swap}
/* R211: native components on the existing Dao Quan wallpaper. Scope every rule to this feature. */
html.dq-phat-active{background:#001322 url('/images/daoquan-wallpaper.png') center top/cover no-repeat fixed;overscroll-behavior-y:none}
html.dq-phat-active body{background:transparent;overscroll-behavior-y:none}
.pp-page{--pp-gold:#eac68a;--pp-paper:#fff2d7;--pp-muted:#bdcad3;--pp-line:#d0a56466;--pp-surface:#082238ed;--pp-pad:16px;position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;max-width:none;min-height:100vh;min-height:100svh;min-height:100dvh;margin:0;border:0;padding:0;background:#001322;color:var(--pp-paper);font:14px/1.5 'DQ Sans','PP Full Sans',sans-serif;overflow-wrap:anywhere;box-shadow:none}
.pp-page::before,.pp-page::after{content:none}
.pp-page *{box-sizing:border-box;min-width:0}
.pp-page .dq-wallpaper{display:block;position:fixed;inset:0;left:0;transform:none;width:100%;height:100vh;height:100lvh;min-height:100dvh;z-index:0;pointer-events:none;background:#001322;contain:paint}
.pp-page .dq-scene-art{inset:0;left:0;top:0;transform:none;width:100%;height:100%;aspect-ratio:auto;background:url('/images/daoquan-wallpaper.png') center top/cover no-repeat}
.pp-page .dq-wallpaper::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#00132225,#00132278 30%,#001322a6 100%)}
.pp-page .dq-moon-glow,.pp-page .dq-moon-surface,.pp-page .dq-flower,.pp-page .dq-petal{display:none;animation:none!important;will-change:auto}
.pp-page .pp-header,.pp-page .pp-main,.pp-page .pp-decoration{position:relative;z-index:1}
.pp-page .pp-header,.pp-page .pp-main{width:min(100%,760px);margin-inline:auto;padding-inline:calc(var(--pp-pad) + env(safe-area-inset-left,0px)) calc(var(--pp-pad) + env(safe-area-inset-right,0px))}
.pp-page button,.pp-page input,.pp-page select{font:inherit;touch-action:manipulation}
.pp-page button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}
.pp-page button:disabled{opacity:.4;cursor:default}
.pp-page button:focus-visible,.pp-page input:focus-visible,.pp-page select:focus-visible,.pp-page summary:focus-visible{outline:2px solid #ffe1a1;outline-offset:3px}
.pp-page svg{display:block;flex:none;width:22px;height:22px;vertical-align:middle}
.pp-page h1,.pp-page h2,.pp-page h3,.pp-page strong{font-family:'DQ Serif','PP Full Serif',Georgia,serif}
.pp-page h1,.pp-page h2,.pp-page h3,.pp-page p{margin:0}
.pp-page [hidden]{display:none!important}
.pp-page .sync-notice{position:relative;z-index:1;margin:12px var(--pp-pad);border:1px solid var(--pp-line);border-radius:12px;background:var(--pp-surface);padding:12px}
.pp-header{padding-top:calc(max(24px,env(safe-area-inset-top,0px)) + 12px);padding-bottom:22px;background:none;height:auto;min-height:0}
.pp-top{display:flex;align-items:center;gap:10px;min-height:44px}
.pp-top .emblem{display:block!important;flex:none;width:38px;height:38px;border-radius:50%;margin:0;background:url('/images/brand-mark-r206.png') center/contain no-repeat!important}
.pp-brand{flex:1;min-width:0;font:18px/1.25 'DQ Serif','PP Full Serif',Georgia,serif;color:#ffe1a1;text-shadow:0 2px 8px #0008;white-space:nowrap}
.pp-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:11px;border:1px solid #eac68a55;border-radius:14px;background:#061d31d9;box-shadow:0 3px 8px #0002}
.pp-top>.pp-icon:first-child{background:#061d3180;border-color:#eac68a33}
.pp-icon svg{width:22px;height:22px;opacity:1}
.pp-title-block{max-width:88%;padding-top:20px;text-shadow:0 2px 10px #0009}
.pp-header h1{font-size:32px;line-height:1.2;letter-spacing:-.02em;color:#fff0cf}
.pp-header p{font-size:13px;line-height:1.5;color:#e3e6e7;margin-top:7px}
.pp-main{display:flex;flex:1;flex-direction:column;gap:20px;padding-bottom:24px}
.pp-main>*{width:100%;max-width:100%}
.pp-navigation{display:grid;gap:12px}
.pp-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #d2aa676e;border-radius:18px;background:#041a2de8;box-shadow:0 4px 12px #0002}
.pp-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 6px;border:0;border-radius:13px;background:transparent;font-weight:600;line-height:1.25;white-space:normal;text-align:center;font-size:13px}
.pp-tab svg{width:18px;height:18px;color:var(--pp-gold)}
.pp-tab.selected,.pp-gold{color:#102435!important;background:linear-gradient(150deg,#ffebbe,#e9bc75)!important;box-shadow:inset 0 1px 0 #fff8,0 2px 5px #0002}
.pp-tab.selected svg{color:#102435}
.pp-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible;padding:0}
.pp-navigation:has([data-pp-tab="audio"][aria-selected=true]) .pp-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
.pp-pill{display:flex;align-items:center;justify-content:center;width:100%;min-height:38px;padding:7px 8px;border:1px solid #bf9e6755;border-radius:12px;background:#082238de;font-size:12px;line-height:1.3;white-space:normal;text-align:center}
.pp-pill.selected{color:#ffe7b2;border-color:#e6bf7ca6;background:#3e3c2cdc;box-shadow:inset 0 0 0 1px #f5d09212}
.pp-feature{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;padding:14px;border:1px solid #d0aa6a8c;border-radius:20px;background:linear-gradient(125deg,#11344bf2,#071f33f5);box-shadow:0 8px 18px #0003;overflow:hidden}
.pp-feature-art{position:relative;display:block;width:100%;min-height:108px;align-self:stretch;border-radius:14px;overflow:hidden;background:none}
.pp-feature-copy{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:0}
.pp-tag{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;max-width:100%;padding:2px 7px;border:1px solid #eac68a38;border-radius:7px;font:10px/1.4 'DQ Sans','PP Full Sans',sans-serif;color:#e8c58a;background:#d1ad6420;white-space:normal}
.pp-feature .pp-tag svg{width:13px;height:13px}
.pp-feature h2{font-size:22px;line-height:1.3;color:#fff0d3;letter-spacing:-.02em}
.pp-feature p{font-size:12px;line-height:1.6;color:#cbd7df}
.pp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.pp-feature-actions{grid-column:1/-1;margin-top:0;padding-top:12px;border-top:1px solid #e0bd7733;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 14px;border:1px solid #cba5688c;border-radius:13px;background:#082238ed;color:var(--pp-paper);font-size:13px;font-weight:600;text-decoration:none;line-height:1.35;white-space:normal;text-align:center}
.pp-btn svg{width:19px;height:19px}
.pp-home-section{display:flex;flex-direction:column;gap:12px;margin:0}
.pp-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:38px;margin:0}
.pp-heading h2{display:flex;align-items:center;gap:8px;font-size:20px;line-height:1.3;color:#ffebc2}
.pp-heading h2 svg{width:22px;height:22px;color:var(--pp-gold)}
.pp-link{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-height:38px;padding:7px 0 7px 6px;border:0;background:transparent;color:#eac68a!important;white-space:nowrap;font-size:12px}
.pp-link svg{width:16px;height:16px}
.pp-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0}
.pp-card{position:relative;display:flex;align-items:stretch;min-height:112px;border:1px solid #bca27266;border-radius:18px;background:linear-gradient(135deg,#123047f0,#071e33f5);box-shadow:0 5px 14px #0003;overflow:hidden}
.pp-card-open{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:12px 0 12px 12px;border:0;background:transparent;text-align:left}
.pp-ref-thumb{position:relative;display:block;flex:none;overflow:hidden;border-radius:12px;background:#10283b}
.pp-ref-article,.pp-user-thumb.pp-ref-article{width:80px;height:96px;min-height:0;margin:0;align-self:center;border:0;border-radius:12px;object-fit:cover}
.pp-card-copy{display:flex;flex-direction:column;flex:1;gap:5px;padding:0;align-self:center}
.pp-card-copy>strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.4;letter-spacing:-.015em}
.pp-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.5;color:#bdccd8;margin:0}
.pp-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:10px;line-height:1.4;color:#afc3d0}
.pp-meta>span{display:inline-flex;align-items:center;gap:4px}
.pp-meta svg{width:12px;height:12px;color:#d6b980}
.pp-meta i{display:none}
.pp-card-side{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;flex:none;width:44px;padding:6px 0}
.pp-save,.pp-card-next{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:10px;border:0;border-radius:10px;background:transparent;color:#e4c68f!important}
.pp-save svg,.pp-card-next svg{width:20px;height:20px}
.pp-save[aria-pressed=true]{color:#ffe0a0!important;background:#e7bc642b}
.pp-save[aria-pressed=true] svg{fill:#e7bc6438}
.pp-card:focus-within{border-color:#edcf97;box-shadow:0 0 0 2px #e7bc6433}
.pp-art-crop{display:block!important;position:absolute;inset:0;visibility:visible!important;width:100%!important;height:100%!important;max-width:none;border:0;border-radius:inherit;filter:none}
.pp-player-group{display:grid;gap:10px}
.pp-player{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px 12px;padding:16px;border:1px solid #d0aa7388;border-radius:20px;background:linear-gradient(130deg,#103349f5,#051d32f8);box-shadow:0 8px 20px #0003;min-height:0}
.pp-ref-player,.pp-user-thumb.pp-ref-player{width:64px;height:72px;object-fit:cover;align-self:center;border-radius:12px}
.pp-player-main{display:flex;flex-direction:column;justify-content:center;gap:5px}
.pp-kicker{font-size:10px;line-height:1.4;color:#e3bf7d;letter-spacing:.03em}
.pp-player-title{display:block}
.pp-player-title strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;line-height:1.45;color:#ffedcd}
.pp-player-title small{display:block;font-size:11px;line-height:1.5;color:#b8cad8;margin-top:4px}
.pp-progress{grid-column:1/-1;padding:0 6px}
.pp-seek{-webkit-appearance:none;appearance:none;display:block;width:100%;height:6px;min-height:0;padding:0!important;margin:6px 0 0;border:0;border-radius:99px;background:linear-gradient(to right,#edc886 var(--pp-progress,0%),#4c6272 var(--pp-progress,0%));box-shadow:none;cursor:pointer;touch-action:pan-y}
.pp-seek::-webkit-slider-runnable-track{height:6px;background:transparent;border-radius:99px}
.pp-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border:2px solid #fff0c6;border-radius:50%;background:#eac587;box-shadow:0 2px 4px #0004}
.pp-seek::-moz-range-track{height:6px;background:transparent;border-radius:99px}
.pp-seek::-moz-range-thumb{width:12px;height:12px;border:2px solid #fff0c6;border-radius:50%;background:#eac587}
.pp-time{display:flex;align-items:center;justify-content:space-between;font-size:11px;line-height:1.5;color:#c1ced8;margin-top:8px}
.pp-player-controls{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px}
.pp-player-plain{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:9px;border:0;border-radius:12px;background:transparent;color:#dec38d!important}
.pp-player-plain svg{width:22px;height:22px}
.pp-player-plain[aria-pressed=true]{background:#e7c18321}
.pp-player-plain[aria-pressed=true] svg{fill:#e7c18344}
.pp-play-main{width:52px;height:52px;padding:0;border:1px solid #f4daa4;border-radius:50%;color:#102d40!important;background:linear-gradient(150deg,#ffe7b1,#d9aa60)!important;box-shadow:inset 0 1px 0 #fff9,0 4px 10px #0004;outline:0;margin:0 4px}
.pp-play-symbol{position:relative;display:grid;place-items:center;flex:none;color:inherit;line-height:0}
.pp-play-main .pp-play-symbol{width:100%;height:100%}
.pp-play-symbol svg{display:block;background:none!important;padding:0!important;border-radius:0;fill:none}
.pp-play-main svg{width:26px;height:26px}
.pp-feedback{grid-column:1/-1;font-size:12px;line-height:1.5;color:#f2d199}
.pp-feedback:empty{display:none}
.pp-audio-credit{font-size:11px;line-height:1.6;color:#c6d1dc}
details.pp-audio-credit{padding:11px 14px;border:1px solid #bca2724d;border-radius:14px;background:#072136ed}
.pp-audio-credit summary{cursor:pointer;min-height:24px;color:#e6c993}
.pp-audio-credit p{margin-top:9px}
.pp-audio-credit .pp-btn{margin-top:12px;font-size:12px}
.pp-reference-home .pp-audio-credit{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pp-audio-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:2px 0 0}
.pp-audio-small{display:grid;grid-template-columns:48px minmax(0,1fr) 40px;align-items:center;gap:12px;min-height:76px;padding:12px;border:1px solid #bca27255;border-radius:16px;background:#092439ed;text-align:left;box-shadow:0 4px 12px #0002}
.pp-ref-small,.pp-user-thumb.pp-ref-small{width:48px;height:54px;border-radius:9px;object-fit:cover}
.pp-audio-small-copy{display:flex;flex-direction:column;gap:5px}
.pp-audio-small strong{font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pp-audio-small small{font-size:11px;line-height:1.4;color:#b6cbd9}
.pp-mini-play{width:40px;height:40px;border:1px solid #e3c9908c;border-radius:50%;color:#f3d696;background:#15354a}
.pp-mini-play svg{width:20px;height:20px}
.pp-track{display:grid;grid-template-columns:56px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:14px;min-height:96px;text-align:left}
.pp-ref-track,.pp-user-thumb.pp-ref-track{width:56px;height:68px;border-radius:10px;object-fit:cover}
.pp-track-copy{display:flex;flex-direction:column;gap:5px}
.pp-track strong{font-size:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pp-track small{font-size:11px;line-height:1.5;color:#b9cad7}
.pp-track-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:10px;line-height:1.4;color:#cfbc91}
.pp-track-meta svg{width:13px;height:13px}
.pp-track-meta>span{display:inline-flex;align-items:center;gap:4px}
.pp-track-play{width:42px;height:42px;border:1px solid #e3c9908c;border-radius:50%;color:#f3d696;background:#15354a}
.pp-track-play svg{width:22px;height:22px}
.pp-page [data-pp-play][aria-pressed=true]{border-color:#e9c888;background-color:#193f50}
.pp-page [data-pp-play][aria-busy=true] .pp-play-symbol::after{content:'';position:absolute;inset:-4px;border:2px solid #eac68a33;border-top-color:#ffdeb3;border-radius:50%;animation:pp-buffer 1s linear infinite}
@keyframes pp-buffer{to{transform:rotate(360deg)}}
.pp-bottom-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.pp-bottom-actions .pp-btn{font-size:12px;padding:11px 8px;gap:5px}
.pp-count{font-size:11px;line-height:1.5;color:#b7c9d6}
.pp-library-summary{text-align:center;padding-top:4px;font-size:11px;color:#c1d1dc}
.pp-search{display:grid;grid-template-columns:20px minmax(0,1fr) 40px;gap:10px;align-items:center;min-height:50px;padding:4px 4px 4px 14px;border:1px solid #bca27280;border-radius:15px;background:#071f34ed}
.pp-search>svg{width:20px;height:20px;color:#d9c08e}
.pp-search input{width:100%;height:40px;border:0;border-radius:8px;background:transparent;color:#fff1d7;font-size:16px;outline:0}
.pp-search input::placeholder{color:#a8bdcd;font-size:13px}
.pp-search button{display:grid;place-items:center;width:40px;height:42px;border:0;border-radius:11px;background:#113047;color:#e9c992;padding:8px}
.pp-filter-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.pp-filter-row>.pp-count{margin-right:auto}
.pp-filter-row select{min-height:40px;max-width:160px;border:1px solid #bca27270;border-radius:12px;background:#092338ed;color:#e7dec9;padding:8px 10px;font-size:12px}
.pp-filter-row .pp-btn{min-height:40px;font-size:12px;padding:8px 10px}
.pp-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:2px 0;font-size:12px;color:#cfbd96}
.pp-pagination .pp-btn{width:44px;height:44px;padding:11px}
.pp-return-home{align-self:center;width:auto;max-width:100%;margin:4px 0 0;font-size:13px}
.pp-empty{padding:24px 16px;border:1px solid var(--pp-line);border-radius:16px;background:var(--pp-surface);text-align:center;color:#c7d5df;font-size:14px;line-height:1.7}
.pp-empty .pp-btn{margin-top:12px}
.pp-note{padding:13px 14px;border:1px solid #bca27255;border-radius:13px;background:#071e32;font-size:12px;line-height:1.8;color:#c9d7e1}
.pp-detail{width:100%;overflow:hidden;border:1px solid #bca27280;border-radius:20px;background:#092338f2;box-shadow:0 8px 24px #0004}
.pp-ref-cover,.pp-user-thumb.pp-ref-cover{position:relative;display:block;width:100%;height:190px;object-fit:cover;border-radius:0}
.pp-detail-body{padding:20px 18px}
.pp-detail h1{font-size:26px;line-height:1.4;letter-spacing:-.02em;margin:10px 0 8px;color:#ffedca}
.pp-detail .pp-actions{padding-bottom:20px;margin-top:16px;border-bottom:1px solid #d2aa6733}
.pp-prose{white-space:pre-line;font-size:16px;line-height:1.95;color:#e0e7eb;margin-top:20px;word-break:normal;overflow-wrap:anywhere}
.pp-prose[data-size=large]{font-size:20px;line-height:1.9}
.pp-detail h2{font-size:20px;line-height:1.5;margin-top:26px;color:#f7dfb0}
.pp-detail h2+.pp-prose{margin-top:12px}
.pp-detail .pp-note{margin-top:18px}
.pp-detail video{display:block;width:100%;max-height:400px;margin-top:18px;border-radius:12px;background:#000}
.pp-reading-large .pp-card-copy>strong,.pp-reading-large .pp-track strong{font-size:18px}
.pp-reading-large .pp-excerpt{font-size:13px}
.pp-decoration{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:84px;margin:0;border:0;padding:20px calc(16px + env(safe-area-inset-left,0px)) calc(22px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-right,0px));background:transparent;color:#e7c48b}
.pp-decoration>svg{width:28px;height:28px;color:#e8c891}
.pp-footer{font:13px/1.5 'DQ Serif','PP Full Serif',Georgia,serif!important;color:#f0dcba}
.pp-footer small{display:block;font:10px/1.6 'DQ Sans','PP Full Sans',sans-serif;color:#b7c8d5;margin-top:3px}
.pp-safe-top{position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:20;pointer-events:none;background:#0013229c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
@media(min-width:540px){.pp-page{--pp-pad:24px}.pp-header{padding-bottom:28px}.pp-header h1{font-size:36px}.pp-cats{grid-template-columns:repeat(6,minmax(0,1fr))}.pp-navigation:has([data-pp-tab="audio"][aria-selected=true]) .pp-cats{grid-template-columns:repeat(4,minmax(0,1fr))}.pp-feature{grid-template-columns:148px minmax(0,1fr);padding:18px;gap:18px}.pp-feature h2{font-size:26px}.pp-feature p{font-size:14px}.pp-feature-art{min-height:138px}.pp-card-copy>strong{font-size:17px}.pp-excerpt{font-size:12px}.pp-ref-article,.pp-user-thumb.pp-ref-article{width:100px;height:102px}.pp-audio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pp-audio-small{grid-template-columns:44px minmax(0,1fr);gap:9px;position:relative;padding-right:12px;align-content:start}.pp-ref-small{width:44px;height:54px}.pp-audio-small>.pp-mini-play{grid-column:2;justify-self:end;margin-top:4px}.pp-player{grid-template-columns:80px minmax(0,1fr);padding:18px}.pp-ref-player,.pp-user-thumb.pp-ref-player{width:80px;height:84px}.pp-player-title strong{font-size:18px}.pp-prose{font-size:17px}.pp-ref-cover{height:240px}}
@media(max-width:359px){.pp-page{--pp-pad:12px}.pp-top{gap:6px}.pp-top .emblem{width:30px;height:30px}.pp-brand{font-size:15px}.pp-icon{width:44px;height:44px;padding:10px}.pp-tabs{padding:3px;gap:2px}.pp-tab{font-size:11px;gap:5px}.pp-tab svg{width:16px;height:16px}.pp-feature{grid-template-columns:82px minmax(0,1fr);padding:12px;gap:12px}.pp-feature h2{font-size:19px}.pp-feature p{font-size:11px}.pp-feature .pp-tag{font-size:9px;padding:2px 5px}.pp-feature-actions .pp-btn{font-size:12px;padding:10px 6px;gap:5px}.pp-ref-article,.pp-user-thumb.pp-ref-article{width:62px;height:84px}.pp-card-open{gap:9px;padding-left:10px}.pp-card-copy>strong{font-size:13px}.pp-card-side{width:44px}.pp-save,.pp-card-next{width:44px}.pp-meta{font-size:9px;gap:3px 6px}.pp-meta svg{width:11px;height:11px}.pp-player{padding:12px}.pp-player-controls{gap:4px}.pp-audio-small{gap:9px;padding:10px}.pp-heading h2{font-size:18px}.pp-link{font-size:11px}.pp-bottom-actions .pp-btn{font-size:11px}.pp-track{grid-template-columns:48px minmax(0,1fr) 38px;padding:12px;gap:9px}.pp-ref-track{width:48px;height:62px}.pp-track strong{font-size:13px}.pp-track-play{width:38px;height:38px}.pp-detail-body{padding:18px 14px}}
@media(hover:hover){.pp-page button:hover{filter:brightness(1.07)}.pp-card-open:hover{background:#ffffff05}}
.pp-page button:active{filter:brightness(.94)}
@media(prefers-reduced-motion:reduce){.pp-page *,.pp-page *::before,.pp-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}