:root{--bg:#1c1a17;--surface:#26221d;--surface-2:#322c25;--edge:#47403a;--ink:#ece6da;--ink-dim:#a89d8b;--accent:#5c8f4a;--accent-rgb:92,143,74;--clip:#5c554a;--clip-2:#746b5c;--danger:#b8453a}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Archivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--bg)}a{color:var(--accent)}.pp-mono{font-family:JetBrains Mono,monospace}.pp-display{font-family:Big Shoulders Display,sans-serif;font-weight:700;letter-spacing:.05em}.pp-display,.pp-label{text-transform:uppercase}.pp-label{font-size:11px;font-weight:600;letter-spacing:.09em;color:var(--ink-dim)}.pp-sprockets{display:flex;align-items:center;gap:38px;height:100%}.pp-sprockets i{width:6px;height:6px;border-radius:50%;background:var(--edge);flex:0 0 auto;display:block}.pp-gate{position:relative}.pp-gate:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,rgba(var(--accent-rgb),.06) 0 2px,transparent 2px 6px)}.pp-xhatch{background:repeating-linear-gradient(45deg,var(--accent) 0 2px,transparent 2px 5px),repeating-linear-gradient(-45deg,var(--accent) 0 2px,transparent 2px 5px)}a.pp-btn,button.pp-btn,label.pp-btn{display:inline-flex;align-items:center;gap:7px;font-family:Archivo,sans-serif;font-weight:600;font-size:12.5px;color:var(--ink);background:var(--surface-2);border:1px solid var(--edge);padding:7px 14px;border-radius:3px;cursor:pointer;white-space:nowrap;text-decoration:none}a.pp-btn svg,button.pp-btn svg,label.pp-btn svg{flex-shrink:0}a.pp-btn:hover,button.pp-btn:hover:not(:disabled),label.pp-btn:hover{border-color:var(--accent);color:var(--accent)}button.pp-btn:disabled{opacity:.5;cursor:default}button.pp-btn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:700}button.pp-btn.primary:hover:not(:disabled){filter:brightness(1.1);color:var(--bg)}a.pp-btn.small,button.pp-btn.small,label.pp-btn.small{padding:5px 10px;font-size:11px;gap:5px}a.pp-btn.large,button.pp-btn.large{padding:11px 18px;font-size:13.5px;gap:10px}button.pp-btn.icon-only{padding:7px}button.pp-tab{flex:1 1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;font-family:Archivo,sans-serif;font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:10px 0;cursor:pointer;border:none;border-bottom:2px solid transparent}button.pp-tab:disabled{cursor:default;opacity:.4}.pp-pill{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-dim);padding:4px 9px}.pp-pill,input.pp-input,textarea.pp-input{border:1px solid var(--edge);border-radius:3px}input.pp-input,textarea.pp-input{background:var(--surface-2);color:var(--ink);padding:6px 8px;font-family:Archivo,sans-serif;font-size:13px}input.pp-input:focus,textarea.pp-input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}input.pp-input::placeholder,textarea.pp-input::placeholder{color:var(--ink-dim)}.pp-panel{background:var(--surface);border:1px solid var(--edge);border-radius:6px}*{scrollbar-width:thin;scrollbar-color:var(--edge) transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--edge);border-radius:5px;border:2px solid var(--surface)}::-webkit-scrollbar-thumb:hover{background:var(--clip-2)}