.pp{max-width:34rem;margin:0 auto;padding:1rem 1rem 4rem}.pp__head{padding:0.5rem 0 1.5rem}.pp__head h1{margin:0 0 0.5rem;font-size:1.75rem;letter-spacing:-0.02em}.pp__lead{margin:0;color:var(--text-secondary,#64748b);line-height:1.5}.pp__device{margin-top:0.75rem;font:500 0.75rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-secondary,#64748b);word-break:break-word}.pp__card{position:relative;margin:1.25rem 0;padding:1.25rem 1rem 1rem;border:1px solid var(--border,#e2e8f0);border-radius:14px;background:var(--surface,#fff)}.pp__card[data-state="pass"]{border-color:#16a34a}.pp__card[data-state="fail"]{border-color:#dc2626}.pp__num{position:absolute;top:-0.7rem;left:1rem;width:1.6rem;height:1.6rem;display:grid;place-items:center;border-radius:50%;background:var(--accent,#2563eb);color:#fff;font:700 0.8rem/1 system-ui,sans-serif}.pp__card h2{margin:0 0 0.75rem;font-size:1.05rem;line-height:1.3}.pp__do,.pp__want{margin:0 0 0.5rem;font-size:0.9rem;line-height:1.5}.pp__want{color:var(--text-secondary,#64748b)}.pp__note{margin:0.75rem 0 0;font-size:0.8rem;line-height:1.45;color:var(--text-secondary,#64748b)}.pp__grip{font-size:1.1em}.pp__list{height:260px;margin:0.75rem 0;border:1px solid var(--border,#e2e8f0);border-radius:10px;overflow:hidden}.pp__carousel{height:176px;margin:0.75rem 0;border:1px solid var(--border,#e2e8f0);border-radius:10px;overflow:hidden}.ppr{display:flex;align-items:center;gap:0.75rem;height:100%;padding:0 0.75rem;box-sizing:border-box;border-bottom:1px solid var(--border,#e2e8f0)}.ppr__grip{flex:none;width:2.75rem;height:2.75rem;margin-left:-0.5rem;display:grid;place-items:center;font-size:1.25rem;color:var(--text-secondary,#94a3b8);touch-action:none}.ppr__text{display:flex;flex-direction:column;gap:0.15rem;min-width:0}.ppr__text b{font-weight:600;font-size:0.95rem}.ppr__text em{font-style:normal;font-size:0.75rem;color:var(--text-secondary,#94a3b8)}.pps{height:100%;margin-right:8px;border-radius:10px;display:grid;place-items:center;background:hsl(var(--h) 65% 55%);color:#fff;font:600 0.85rem/1.2 system-ui,sans-serif;text-align:center;padding:0.5rem;box-sizing:border-box}.pp__read{display:grid;gap:0.35rem;margin:0.75rem 0 0;padding:0.75rem;border-radius:10px;background:var(--surface-variant,#f8fafc);font:500 0.8rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.pp__read>div{display:flex;justify-content:space-between;gap:1rem}.pp__read dt{color:var(--text-secondary,#64748b)}.pp__read dd{margin:0;text-align:right;font-weight:600}.pp__read dd[data-tone="good"]{color:#16a34a}.pp__read dd[data-tone="bad"]{color:#dc2626}.pp__read dd[data-tone="warn"]{color:#d97706}.pp__read dd[data-tone="info"]{color:var(--accent,#2563eb)}.pp__verdict{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;margin-top:0.85rem}.pp__verdict button{flex:1 1 6rem;min-height:2.75rem;border:1px solid var(--border,#cbd5e1);border-radius:10px;background:var(--surface,#fff);color:inherit;font:600 0.9rem/1 system-ui,sans-serif;cursor:pointer}.pp__verdict button[data-pass="true"].is-on{background:#16a34a;border-color:#16a34a;color:#fff}.pp__verdict button[data-pass="false"].is-on{background:#dc2626;border-color:#dc2626;color:#fff}.pp__auto{flex:1 1 100%;font:500 0.75rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-secondary,#64748b)}.pp__auto[data-tone="good"]{color:#16a34a}.pp__auto[data-tone="bad"]{color:#dc2626}.pp__summary{margin-top:2rem;padding:1.25rem 1rem;border-radius:14px;background:var(--surface-variant,#f8fafc)}.pp__summary h2{margin:0 0 0.5rem;font-size:1.1rem}.pp__pre{margin:0.75rem 0;padding:0.75rem;border-radius:10px;background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);font:500 0.72rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text}.pp__copy[data-state="manual"]{background:#d97706}.pp__copy[data-state="ok"]{background:#16a34a}.pp__copy{width:100%;min-height:3rem;border:0;border-radius:10px;background:var(--accent,#2563eb);color:#fff;font:600 1rem/1.3 system-ui,sans-serif;cursor:pointer;padding:0.5rem 0.75rem}@media (prefers-color-scheme:dark){.pp__card,.pp__pre{background:#0f172a}.pp__read,.pp__summary{background:#1e293b}.pp__verdict button{background:#0f172a}}