@property --pp-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.pp-root{--pp-bg:#060607;--pp-rainbow:linear-gradient(90deg,#f59e0b,#ef4444,#8b5cf6,#06b6d4,#10b981);--pp-muted:#a1a1aa;background:var(--pp-bg);color:#fff;font-family:var(--font-pp-text),system-ui,"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif}.pp-display{font-family:var(--font-pp-display),system-ui,"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;letter-spacing:-.03em;font-weight:800}.pp-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.pp-text-silver{background:linear-gradient(90deg,#71717a,#fff 32% 68%,#71717a);color:#0000;-webkit-background-clip:text;background-clip:text}.pp-text-rainbow{color:#0000;background-image:linear-gradient(110deg,#0000 38%,#ffffffb3 50%,#0000 62%),linear-gradient(90deg,#f59e0b,#ef4444,#8b5cf6,#06b6d4,#10b981,#f59e0b);background-size:250% 100%,200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite pp-shine}.pp-rainbow-static{background:var(--pp-rainbow);color:#0000;-webkit-background-clip:text;background-clip:text}@keyframes pp-shine{0%{background-position:160% 0,0 0}to{background-position:-110% 0,200% 0}}.pp-btn{white-space:nowrap;isolation:isolate;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:52px;padding:0 26px;font-size:15px;font-weight:600;transition:transform .2s,background-color .2s;display:inline-flex;position:relative}.pp-btn:focus-visible{outline-offset:4px;outline:2px solid #06b6d4}.pp-btn-primary{color:#0a0a0b;box-shadow:0 0 34px #8b5cf659,0 0 70px #06b6d42e}.pp-btn-primary:before,.pp-btn-primary:after{content:"";border-radius:inherit;z-index:-1;position:absolute}.pp-btn-primary:before{background:conic-gradient(from var(--pp-angle),#f59e0b,#ef4444,#8b5cf6,#06b6d4,#10b981,#f59e0b);animation:3s linear infinite pp-spin;inset:-2px}.pp-btn-primary:after{background:#fff;inset:0}.pp-btn-primary:hover{transform:translateY(-1px)}.pp-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.pp-btn-secondary{color:#fff;background:0 0;border:1px solid #ffffff29}.pp-btn-secondary:hover{background:#ffffff0d}@keyframes pp-spin{to{--pp-angle:360deg}}.pp-beam{isolation:isolate;background:#ffffff06;border:1px solid #ffffff14;border-radius:24px;position:relative}.pp-beam:before{content:"";border-radius:inherit;background:conic-gradient(from var(--pp-angle),transparent 0deg 292deg,#f59e0b 308deg,#ef4444 320deg,#8b5cf6 332deg,#06b6d4 344deg,#10b981 354deg,transparent 360deg);-webkit-mask-composite:xor;pointer-events:none;z-index:2;padding:1px;animation:7s linear infinite pp-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pp-spot:after{content:"";border-radius:inherit;background:radial-gradient(520px circle at var(--mx,50%)var(--my,50%),var(--spot,#8b5cf621),transparent 62%);opacity:0;pointer-events:none;z-index:0;transition:opacity .35s;position:absolute;inset:0}.pp-spot:hover:after{opacity:1}.pp-aurora{pointer-events:none;position:absolute;inset:-10% -10% 0;overflow:hidden}.pp-aurora>span{filter:blur(110px);opacity:.42;border-radius:50%;width:560px;height:560px;animation:22s ease-in-out infinite alternate pp-drift-1;position:absolute}.pp-aurora>span:first-child{background:#8b5cf6;top:4%;left:2%}.pp-aurora>span:nth-child(2){background:#06b6d4;animation-name:pp-drift-2;animation-duration:26s;top:10%;right:4%}.pp-aurora>span:nth-child(3){opacity:.26;background:#f59e0b;animation-name:pp-drift-3;animation-duration:18s;bottom:-10%;left:30%}.pp-aurora>span:nth-child(4){opacity:.2;background:#ef4444;animation-name:pp-drift-4;animation-duration:24s;top:38%;right:26%}@keyframes pp-drift-1{to{transform:translate(140px,60px)scale(1.12)}}@keyframes pp-drift-2{to{transform:translate(-160px,90px)scale(.9)}}@keyframes pp-drift-3{to{transform:translate(120px,-80px)scale(1.15)}}@keyframes pp-drift-4{to{transform:translate(-90px,-110px)scale(1.08)}}.pp-dots{pointer-events:none;background-image:radial-gradient(#ffffff21 1px,#0000 1.2px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 78%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 78%)}.pp-grain{opacity:.07;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:absolute;inset:0}.pp-pill{color:#e4e4e7;background:#8b5cf614;border:1px solid #8b5cf673;border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 5px;font-size:13.5px;display:inline-flex}.pp-pill-badge{letter-spacing:.04em;color:#fff;background:linear-gradient(90deg,#8b5cf6,#06b6d4);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.pp-orbit-stage{aspect-ratio:840/440;width:100%;min-height:264px;max-height:440px;position:relative}.pp-orbit-box{transform-origin:50% 0;position:absolute;top:0;left:50%}.pp-core{z-index:50;border-radius:50%;width:200px;height:200px;margin:-100px 0 0 -100px;position:absolute;top:50%;left:50%}.pp-core-glow{filter:blur(18px);background:radial-gradient(circle,#8b5cf680,#06b6d442 46%,#0000 70%);border-radius:50%;animation:4.5s ease-in-out infinite pp-pulse;position:absolute;inset:-54px}.pp-core-rim{background:conic-gradient(from var(--pp-angle),#f59e0b,#ef4444,#8b5cf6,#06b6d4,#10b981,#f59e0b);-webkit-mask-composite:xor;border-radius:50%;padding:3px;animation:6s linear infinite pp-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pp-core-lens{background:radial-gradient(circle at 35% 30%,#2a2a35,#050507 70%);border-radius:50%;position:absolute;inset:3px;overflow:hidden}.pp-core-swirl{filter:blur(26px);opacity:.55;background:conic-gradient(#8b5cf6bf,#0000 25%,#06b6d4b3 45%,#0000 65%,#f59e0b99 82%,#0000);animation:14s linear infinite pp-rotate;position:absolute;inset:-25%}.pp-core-glare{background:radial-gradient(#ffffff61,#0000 70%);border-radius:50%;width:44%;height:26%;position:absolute;top:11%;left:16%;transform:rotate(-24deg)}.pp-core-word{justify-content:center;align-items:center;font-size:30px;display:flex;position:absolute;inset:0}@keyframes pp-rotate{to{transform:rotate(360deg)}}@keyframes pp-pulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.pp-ring-beam{animation:9s linear infinite pp-ring-run}.pp-ring-beam.pp-ring-outer{animation-duration:12s;animation-direction:reverse}@keyframes pp-ring-run{to{stroke-dashoffset:-1400px}}.pp-ray{stroke-dasharray:3 7;animation:1.6s linear infinite pp-ray-run}@keyframes pp-ray-run{to{stroke-dashoffset:-20px}}.pp-studio-glow{aspect-ratio:1;background:conic-gradient(from var(--pp-angle),#f59e0b,#ef4444,#8b5cf6,#06b6d4,#10b981,#f59e0b);filter:blur(60px);opacity:.35;border-radius:50%;width:70%;margin-left:-35%;animation:10s linear infinite pp-spin;position:absolute;top:50%;left:50%;transform:translateY(-50%)}.pp-node{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);will-change:transform,filter,opacity;text-align:left;background:#1212188c;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;max-width:220px;padding:6px 16px 6px 6px;display:flex;position:absolute;top:0;left:0}.pp-node-mark{border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:15px;font-weight:700;display:flex;overflow:hidden}.pp-blob{filter:blur(46px);opacity:.35;pointer-events:none;border-radius:50%;width:150px;height:150px;animation:16s ease-in-out infinite alternate pp-drift-1;position:absolute}.pp-spark{pointer-events:none;border-radius:50%;width:4px;height:4px;animation:3.2s ease-in-out infinite pp-twinkle;position:absolute}@keyframes pp-twinkle{0%,to{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}.pp-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.pp-marquee-track{width:max-content;animation:26s linear infinite scroll-left;display:flex}.pp-marquee:hover .pp-marquee-track{animation-play-state:paused}.pp-scanlines{pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#0000 1px 3px);position:absolute;inset:0}.pp-scanbar{pointer-events:none;background:linear-gradient(#0000,#ffffff12,#0000);height:18%;animation:6s linear infinite pp-scan;position:absolute;top:0;left:0;right:0}@keyframes pp-scan{0%{transform:translateY(-100%)}to{transform:translateY(560%)}}.pp-rec-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.2s steps(2,jump-none) infinite pp-blink;box-shadow:0 0 10px #ef4444}@keyframes pp-blink{50%{opacity:.15}}.pp-tilt{transform-style:preserve-3d;transition:transform .25s ease-out}.pp-meteor{pointer-events:none;background:linear-gradient(#8b5cf600,#c4b5fdf2);border-radius:2px;width:1.5px;height:110px;animation:4.2s linear infinite pp-meteor;position:absolute;top:-20%;transform:rotate(35deg);box-shadow:0 0 10px #8b5cf6cc}@keyframes pp-meteor{0%{opacity:0;transform:translate(0)rotate(35deg)}12%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(-300px,520px)rotate(35deg)}}.pp-float{animation:5s ease-in-out infinite pp-float}@keyframes pp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pp-num-pill{transition:background .3s,color .3s,border-color .3s}.group:hover .pp-num-pill{background:var(--pp-rainbow);color:#0a0a0b;border-color:#0000}.pp-input{color:#fff;background:#ffffff08;border:1px solid #ffffff1f;border-radius:14px;outline:none;width:100%;height:52px;padding:0 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.pp-input::placeholder{color:#71717a}.pp-input:focus{border-color:#8b5cf6b3;box-shadow:0 0 0 3px #8b5cf62e}.pp-input[aria-invalid=true]{border-color:#ef4444b3}.pp-trap{width:1px;height:1px;overflow:hidden;position:absolute!important;left:-10000px!important}@media (prefers-reduced-motion:reduce){.pp-root *,.pp-root :before,.pp-root :after{transition:none!important;animation:none!important}}