
.fmt .pp-btn{margin-left:8px;width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:var(--surface);color:var(--ink);font:700 .9rem/1 Georgia,serif;font-style:italic;cursor:pointer;display:inline-grid;place-items:center;vertical-align:middle;transition:transform .25s,background .2s,color .2s}
.fmt .pp-btn:hover{background:var(--m);border-color:var(--m);color:#fff;transform:rotate(-10deg) scale(1.1)}
.pp-modal{position:fixed;inset:0;z-index:125;background:rgba(10,10,14,.6);display:grid;place-items:center;padding:16px;backdrop-filter:blur(3px);animation:flfade .25s}
.pp-modal[hidden]{display:none}
.pp-card{position:relative;background:var(--bg);color:var(--ink);border-radius:22px;max-width:620px;width:100%;max-height:calc(100vh - 32px);overflow:auto;padding:24px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);animation:flpop .45s cubic-bezier(.2,1.25,.35,1)}
.pp-x{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;border:0;background:var(--surface);color:var(--ink);font-size:1.4rem;cursor:pointer}
.pp-card h3{margin:0 40px 4px 0;font-size:1.4rem}
.pp-lede{margin:0 0 16px;color:var(--muted)}
.pp-stage{display:flex;align-items:flex-end;justify-content:center;gap:22px;padding:10px 0 16px;flex-wrap:wrap}
.pp-sheet{position:relative;background:#fff;border-radius:4px;box-shadow:0 14px 30px -14px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.08);color:#14151a}
.pp-sheet.a3{width:200px;height:283px;animation:ppIn .7s cubic-bezier(.2,1.2,.4,1) both}
.pp-sheet.a4{width:141px;height:200px;animation:ppIn .7s cubic-bezier(.2,1.2,.4,1) .15s both}
@keyframes ppIn{from{opacity:0;transform:translateY(30px) rotate(-6deg)}}
.pp-half{position:absolute;left:0;right:0;top:0;height:50%;border-bottom:2px dashed rgba(224,19,122,.55);display:grid;place-items:center;opacity:0;animation:ppHalf 3.6s ease-in-out 1s infinite}
.pp-half.b{top:50%;border:0;animation-delay:1.3s}
.pp-half span{font-weight:900;font-size:1.3rem;color:rgba(224,19,122,.55)}
@keyframes ppHalf{0%,15%{opacity:0}30%,75%{opacity:1}90%,100%{opacity:0}}
.pp-tag{position:absolute;left:10px;top:10px;font-weight:900;font-size:1.05rem;color:#fff;background:#14151a;border-radius:6px;padding:1px 8px;z-index:1}
.a3 .pp-tag{background:#e0137a}
.pp-lines{position:absolute;left:16px;right:16px;top:46px;display:grid;gap:9px}
.pp-lines i{height:5px;border-radius:3px;background:#e4e6eb}.pp-lines i:nth-child(2){width:80%}.pp-lines i:nth-child(4){width:65%}
.pp-dim{position:absolute;left:0;right:0;bottom:10px;text-align:center;display:grid;gap:2px;z-index:1}
.pp-dim b{font-size:.95rem}.pp-dim small{font-size:.72rem;color:#61656f;padding:0 8px}
.pp-tips{display:grid;gap:10px}
.pp-tips div{display:flex;gap:10px;align-items:flex-start;background:var(--surface);border-radius:12px;padding:10px 12px}
.pp-tips .badge{background:#14151a;color:#fff;border-radius:6px;padding:2px 8px;font-weight:900;font-size:.85rem;flex:none}.pp-tips .badge.a3{background:#e0137a}
.pp-tips p{margin:0;line-height:1.5;font-size:.93rem}
