*,*:before,*:after{box-sizing:border-box}:root{--pp-bg: #f4f6fa;--pp-surface: #ffffff;--pp-sidebar: #0f172a;--pp-text: #0f172a;--pp-muted: #64748b;--pp-border: #e2e8f0;--pp-accent: #0369a1;--pp-accent-soft: #e0f2fe}html,body{margin:0;height:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.45;color:var(--pp-text);background:var(--pp-bg)}a{color:var(--pp-accent)}h1,h2,h3{line-height:1.25}.card{background:var(--pp-surface);border:1px solid var(--pp-border);border-radius:12px;padding:1rem 1.15rem;box-shadow:0 1px 2px #0f172a0a}.card h2,.card h3{margin-top:0}.muted{color:var(--pp-muted)}.small{font-size:.85rem}.btn{cursor:pointer;border-radius:8px;font-size:.88rem;font-weight:600;padding:.45rem .85rem;border:1px solid transparent;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--pp-accent);color:#fff}.btn.primary:hover:not(:disabled){filter:brightness(1.05)}.btn.secondary{background:var(--pp-accent-soft);color:var(--pp-accent);border-color:#0369a140}.btn.secondary:hover:not(:disabled){background:#bae6fd}.btn.ghost{background:transparent;border-color:var(--pp-border);color:var(--pp-text)}.btn.ghost:hover:not(:disabled){background:var(--pp-bg)}