:root{--bg-0: #0a0a0a;--bg-1: #141414;--bg-2: #1e1e1e;--border: #2a2a2a;--text-0: #f5f5f0;--text-1: #8a8a8a;--accent: #00ffb2;--accent-ink: #0a0a0a;--accent-dim: rgba(0, 255, 178, .12);--danger: #ff4d4d;--danger-dim: rgba(255, 77, 77, .1);--warn: #ffb020;--warn-dim: rgba(255, 176, 32, .1);--ok: var(--accent);--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-hand: "Caveat", cursive;--font-mono: "JetBrains Mono", monospace;--radius: 4px;--rail-w: 56px;--ease-out: cubic-bezier(.16, 1, .3, 1)}.px-root{background:var(--bg-0);color:var(--text-0);font-family:var(--font-body);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}.px-root *,.px-root *:before,.px-root *:after{box-sizing:border-box}.px-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:.98;text-transform:uppercase}.px-display .alt{color:var(--text-1);font-weight:500}.px-display .dot{color:var(--accent);font-weight:700}.px-label{font-family:var(--font-display);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-1)}.px-mono{font-family:var(--font-mono);font-size:11px;letter-spacing:0}.px-hand{font-family:var(--font-hand);font-size:17px;line-height:1.2;color:var(--text-1)}.px-num{font-variant-numeric:tabular-nums}.px-card{background:var(--bg-1);color:var(--text-0);border:1px solid var(--border);border-radius:var(--radius)}.px-card-hover{transition:transform .2s var(--ease-out),border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.px-card-hover:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 8px 24px #00000080}.px-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:10px 18px;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--text-0);cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s var(--ease-out),color .2s var(--ease-out),background .2s var(--ease-out);white-space:nowrap}.px-btn:hover{border-color:var(--text-1)}.px-btn-primary{border-color:var(--accent);color:var(--accent)}.px-btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform:translate(-101%);transition:transform .24s var(--ease-out);z-index:0}.px-btn-primary:hover:before{transform:translate(0)}.px-btn-primary:hover{color:var(--accent-ink)}.px-btn-primary>*{position:relative;z-index:1}.px-btn-fill{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.px-btn-danger{border-color:var(--danger);color:var(--danger)}.px-btn-ghost{border-color:transparent;color:var(--text-1)}.px-btn-ghost:hover{color:var(--text-0);border-color:var(--border)}.px-btn[disabled]{opacity:.35;cursor:not-allowed;pointer-events:none}.px-btn-sm{padding:6px 12px;font-size:11px}.px-btn[data-loading]{pointer-events:none;color:transparent!important;opacity:1}.px-btn[data-loading]>*{opacity:0}.px-btn[data-loading]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:40% 100%;background-repeat:no-repeat;opacity:.9;animation:px-scan 1.1s var(--ease-out) infinite}@keyframes px-scan{0%{background-position:-40% 0}to{background-position:140% 0}}.px-btn-timer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3;color:var(--accent);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.04em;pointer-events:none}.px-btn[data-loading]>.px-btn-timer{opacity:1}.px-btn[data-state=approved]:after{content:"";position:absolute;left:50%;bottom:8px;z-index:2;width:16px;height:6px;margin-left:-8px;border-radius:1px;background:var(--accent);animation:px-pass .9s var(--ease-out) forwards}@keyframes px-pass{0%{transform:translateY(0);opacity:1}to{transform:translateY(-40px);opacity:0}}@media(prefers-reduced-motion:reduce){.px-btn[data-loading]:after{animation:none;background-position:50% 0}}.px-scanbar{position:relative;height:10px;border-radius:5px;background:var(--bg-2);border:1px solid var(--border);overflow:hidden}.px-scanbar-fill{height:100%;background:var(--accent);border-radius:5px;transition:width .2s var(--ease-out)}.px-scanbar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--accent) 50%,transparent 100%);background-size:40% 100%;background-repeat:no-repeat;opacity:.9;animation:px-scan 5s linear infinite}@media(prefers-reduced-motion:reduce){.px-scanbar-sweep{animation:none;background-position:50% 0}}.px-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:3px;border:1px solid;white-space:nowrap}.px-badge .bdot{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.b-neutral{color:var(--text-1);border-color:var(--border);background:transparent}.b-accent{color:var(--accent);border-color:#00ffb259;background:var(--accent-dim)}.b-warn{color:var(--warn);border-color:#ffb02059;background:var(--warn-dim)}.b-danger{color:var(--danger);border-color:#ff4d4d59;background:var(--danger-dim)}.b-solid-danger{color:#fff;border-color:var(--danger);background:var(--danger)}.b-deprecated{color:var(--text-1);border-color:var(--border);background:transparent;text-decoration:line-through;opacity:.7}.px-pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none;position:relative}.px-pulse:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--accent);opacity:0;animation:px-pulse 2s ease-out infinite}@keyframes px-pulse{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.4);opacity:0}}.px-marquee{overflow:hidden;position:relative;white-space:nowrap}.px-marquee-track{display:inline-flex;gap:0;animation:px-marquee 90s linear infinite;will-change:transform}.px-marquee:hover .px-marquee-track{animation-play-state:paused}@keyframes px-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.px-diff-old{color:var(--danger);text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:#ff4d4d99}.px-diff-new{color:var(--accent)}.px-table{width:100%;border-collapse:collapse;font-size:12px}.px-table th{text-align:left;font-family:var(--font-display);font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-1);padding:8px 12px;border-bottom:1px solid var(--border)}.px-table td{padding:9px 12px;border-bottom:1px solid rgba(42,42,42,.5);vertical-align:top}.px-input{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-0);font-family:var(--font-body);font-size:13px;padding:9px 12px;width:100%;outline:none;transition:border-color .2s var(--ease-out)}.px-input:focus{border-color:var(--accent)}.px-input::placeholder{color:#5a5a5a}.px-scribble{color:var(--text-1)}.px-scribble svg path,.px-scribble svg circle{stroke:currentColor}.px-archive{filter:grayscale(.7) brightness(.85);pointer-events:none;position:relative}.px-stream{background:var(--bg-0);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-body)}.px-stream-line{padding:5px 14px;font-size:12px;color:var(--text-1);border-left:2px solid transparent}.px-stream-line.hot{color:var(--text-0);border-left-color:var(--accent)}@media(prefers-reduced-motion:reduce){.px-marquee-track,.px-pulse:after{animation:none!important}.px-card-hover,.px-btn,.px-btn-primary:before{transition:none!important}}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg-0)}@keyframes px-bar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes px-line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.px-line-in{animation:px-line-in .18s ease-out both}@keyframes px-draw{to{stroke-dashoffset:0}}.px-tick-draw path{stroke-dasharray:120;stroke-dashoffset:120;animation:px-draw .36s ease-out forwards}.px-tick-draw path:nth-child(2){animation-delay:.18s}@keyframes px-stage-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.px-stage-in{animation:px-stage-in .32s var(--ease-out) both}.px-locked-dim{opacity:.96;transition:opacity .3s ease-out}@media(prefers-reduced-motion:reduce){.px-line-in,.px-tick-draw path,.px-stage-in{animation:none!important}.px-tick-draw path{stroke-dashoffset:0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--bg-2);border-radius:5px;border:2px solid var(--bg-0)}::-webkit-scrollbar-track{background:var(--bg-0)}