.pp-app{max-width:var(--content-max);margin:0 auto}.pp-hero{text-align:center;margin-bottom:var(--space-2xl)}.pp-eyebrow{font-size:var(--text-small);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--soft-coral);margin:0 0 var(--space-sm)}.pp-title{font-size:var(--text-hero);font-weight:800;letter-spacing:var(--letter-tighter);line-height:var(--line-height-tight);color:var(--deep-plum);margin:0 0 var(--space-md)}.pp-subtitle{font-size:var(--text-subtitle);line-height:var(--line-height-body);color:var(--text-muted);max-width:36rem;margin:0 auto var(--space-md)}.pp-subtitle strong{color:var(--deep-plum)}.pp-privacy{font-size:var(--text-small);color:var(--text-muted);margin:0}.pp-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-xl)}.pp-input{margin-bottom:var(--space-xl)}.pp-drop{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-2xl) var(--space-lg);border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-subtle);cursor:pointer;text-align:center;transition:border-color var(--duration-fast),background var(--duration-fast),transform var(--duration-fast)}.pp-drop:hover,.pp-drop:focus-visible{border-color:var(--soft-coral);background:#fffdfb;outline:none}.pp-drop.is-dragover{border-color:var(--soft-coral);background:#fff4ef;transform:scale(1.01)}.pp-drop-mascot{width:72px;height:72px;object-fit:contain;margin-bottom:var(--space-xs);pointer-events:none}.pp-drop-title{font-size:var(--text-subtitle);font-weight:700;color:var(--deep-plum)}.pp-drop-sub{font-size:var(--text-small);color:var(--text-muted)}.pp-drop-link{color:var(--soft-coral);font-weight:600;text-decoration:underline}.pp-filename{margin-top:var(--space-sm);font-size:var(--text-small);font-weight:600;color:var(--sage-green-ink, #5a7a52);background:#a8c5a02e;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full)}.pp-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pp-text-toggle{display:block;margin:var(--space-md) auto 0;background:none;border:none;color:var(--dusty-blue);font-size:var(--text-small);font-weight:600;cursor:pointer;text-decoration:underline}.pp-text-toggle:hover{color:var(--soft-coral)}.pp-paste-wrap{margin-top:var(--space-md)}.pp-textarea{width:100%;font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--line-height-body);color:var(--deep-plum);background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);resize:vertical}.pp-textarea:focus-visible{outline:2px solid var(--soft-coral);border-color:transparent}.pp-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg)}.pp-btn{font-family:var(--font-sans);font-size:var(--text-body);font-weight:700;border-radius:var(--radius-md);padding:.75rem 1.5rem;cursor:pointer;border:1px solid transparent;transition:transform var(--duration-fast),box-shadow var(--duration-fast),background var(--duration-fast)}.pp-btn:active{transform:translateY(1px)}.pp-btn:disabled{opacity:.5;cursor:not-allowed}.pp-btn-primary{background:var(--sage-green);color:var(--deep-plum);box-shadow:var(--shadow-soft)}.pp-btn-primary:not(:disabled):hover{box-shadow:var(--shadow-glow-sage);transform:translateY(-1px)}.pp-btn-ghost{background:transparent;color:var(--deep-plum);border-color:var(--border-strong)}.pp-btn-ghost:hover{border-color:var(--soft-coral);color:var(--soft-coral)}.pp-error{margin:var(--space-md) 0 0;text-align:center;color:var(--soft-coral);font-size:var(--text-small);font-weight:600}.pp-loading{text-align:center;margin-bottom:var(--space-xl)}.pp-loading-mascot{width:96px;height:96px;object-fit:contain;animation:pp-float 2.4s ease-in-out infinite}.pp-loading-text{font-size:var(--text-subtitle);font-weight:700;color:var(--deep-plum);margin:var(--space-sm) 0 var(--space-xs)}.pp-loading-sub{font-size:var(--text-small);color:var(--text-muted);margin:0}@keyframes pp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.pp-loading-mascot{animation:none}}.pp-results{animation:pp-fade var(--duration-normal) var(--ease-out-quint)}@keyframes pp-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pp-result-head{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-xl);margin-bottom:var(--space-lg)}.pp-result-title{font-size:var(--text-title);font-weight:800;letter-spacing:var(--letter-tight);color:var(--deep-plum);margin:0 0 var(--space-sm)}.pp-result-summary{color:var(--text-muted);line-height:var(--line-height-body);margin:0 0 var(--space-lg)}.pp-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.pp-chip{font-size:var(--text-small);font-weight:600;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);background:#8faabd29;color:var(--deep-plum)}.pp-chip.is-craft{background:#e8836b29}.pp-chip.is-difficulty{background:#e8b84b33}.pp-specs{display:grid;grid-template-columns:1fr;gap:var(--space-sm);border-top:1px solid var(--border);padding-top:var(--space-lg)}@media(min-width:560px){.pp-specs{grid-template-columns:1fr 1fr}}.pp-spec{font-size:var(--text-small)}.pp-spec dt{font-weight:700;color:var(--deep-plum);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;margin-bottom:2px}.pp-spec dd{margin:0;color:var(--text-muted);line-height:1.45}.pp-progress-wrap{position:sticky;top:calc(var(--header-height) + var(--space-sm));z-index:5;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg)}.pp-progress-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.pp-progress-label{font-size:var(--text-small);font-weight:700;color:var(--deep-plum)}.pp-progress-count{font-size:var(--text-small);color:var(--text-muted)}.pp-progress-track{height:8px;border-radius:var(--radius-full);background:#4a204014;overflow:hidden}.pp-progress-bar{height:100%;width:0%;border-radius:var(--radius-full);background:var(--sage-green);transition:width var(--duration-normal) var(--ease-out-quint)}.pp-section{margin-bottom:var(--space-lg)}.pp-section-head{display:flex;align-items:baseline;gap:var(--space-sm);font-size:var(--text-subtitle);font-weight:800;color:var(--deep-plum);margin:0 0 var(--space-sm)}.pp-section-count{font-size:var(--text-small);font-weight:600;color:var(--text-muted)}.pp-step{display:flex;gap:var(--space-md);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);cursor:pointer;transition:border-color var(--duration-fast),background var(--duration-fast)}.pp-step:hover{border-color:var(--border-strong)}.pp-step.is-done{background:#a8c5a01a;border-color:#a8c5a080}.pp-step.is-done .pp-step-text{color:var(--text-muted);text-decoration:line-through;text-decoration-color:#4a20404d}.pp-step-check{flex-shrink:0;width:1.4rem;height:1.4rem;margin-top:2px;border-radius:var(--radius-sm);border:2px solid var(--border-strong);display:grid;place-items:center;color:#fff;font-size:.85rem;line-height:1;transition:background var(--duration-fast),border-color var(--duration-fast)}.pp-step.is-done .pp-step-check{background:var(--sage-green);border-color:var(--sage-green)}.pp-step-body{flex:1;min-width:0}.pp-step-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-bottom:2px}.pp-row-badge{font-size:.72rem;font-weight:800;letter-spacing:.03em;color:var(--deep-plum);background:#e8b84b38;padding:1px var(--space-sm);border-radius:var(--radius-full)}.pp-st-badge{font-size:.72rem;font-weight:700;color:var(--text-muted);background:#8faabd29;padding:1px var(--space-sm);border-radius:var(--radius-full)}.pp-step-text{color:var(--deep-plum);line-height:var(--line-height-body)}.pp-step-note{margin-top:var(--space-xs);font-size:var(--text-small);color:var(--text-muted);font-style:italic}.pp-result-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin:var(--space-xl) 0}.pp-footer-note{text-align:center;margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border)}.pp-footer-note p{color:var(--text-muted);max-width:34rem;margin:0 auto var(--space-lg);line-height:var(--line-height-body)}.pp-btn-cta{display:inline-block;text-decoration:none}