.p1{--p-bg:#16143a;--p-bg-2:#1e1b4b;--p-bg-3:#2a2663;--p-peri:#a9b4ff;--p-peri-2:#7d89f0;--p-orange:#ff9a3d;--p-orange-2:#f27a12;--p-cream:#fff4e6;--p-cream-2:#e6dccd;--p-mint:#7fe0c0;--p-ink:#120f30;--p-muted:#a6a3cc;--p-line:#a9b4ff2e;background:var(--p-bg);color:var(--p-cream);font-family:var(--font-sans);min-height:100dvh;overflow-x:clip}.p1 ::selection{background:var(--p-orange);color:var(--p-ink)}.p1 :focus-visible{outline:3px solid var(--p-orange);outline-offset:3px}.p1-display{font-family:var(--font-display);letter-spacing:.005em;font-weight:400;line-height:.95}.p1-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.p1-grid{background-color:var(--p-bg);background-image:linear-gradient(#a9b4ff12 1px,#0000 1px),linear-gradient(90deg,#a9b4ff12 1px,#0000 1px),linear-gradient(#a9b4ff09 1px,#0000 1px),linear-gradient(90deg,#a9b4ff09 1px,#0000 1px);background-size:96px 96px,96px 96px,24px 24px,24px 24px}.p1-heat{background:radial-gradient(34rem 24rem at 70% 30%,#ff9a3d29,#0000 70%),radial-gradient(30rem 22rem at 10% 90%,#a9b4ff24,#0000 70%)}.p1-panel{border:1px dashed var(--p-line);background:#1e1b4bbf;border-radius:1rem}.p1-tag{border:1px solid var(--p-peri-2);border-radius:.4rem;padding:.15rem .5rem}.p1-btn{background:var(--p-orange);color:var(--p-ink);border-radius:.75rem;align-items:center;gap:.6rem;padding:.85rem 1.4rem;font-weight:800;transition:box-shadow .3s,transform .2s,background .2s;display:inline-flex;box-shadow:0 0 #ff9a3d80}.p1-btn:hover{transform:translateY(-1px);box-shadow:0 0 0 6px #ff9a3d33}.p1-btn--peri{background:var(--p-peri)}.p1-btn--peri:hover{box-shadow:0 0 0 6px #a9b4ff33}.p1-btn--ghost{color:var(--p-cream);box-shadow:inset 0 0 0 1.5px var(--p-peri);background:0 0}.p1-btn--ghost:hover{background:var(--p-bg-3);box-shadow:inset 0 0 0 1.5px var(--p-peri)}@keyframes p1-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.p1-pulse{transform-box:fill-box;transform-origin:50%;animation:1.8s cubic-bezier(.2,.6,.3,1) infinite p1-pulse}@keyframes p1-dash{to{stroke-dashoffset:-24px}}.p1-dash{animation:1.2s linear infinite p1-dash}@keyframes p1-marquee{to{transform:translate(-50%)}}.p1-marquee{animation:38s linear infinite p1-marquee}.p1-marquee:hover{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.p1-pulse,.p1-dash,.p1-marquee{animation:none}}body:has(.p1){background:#16143a}
