.constellation-wrapper[data-astro-cid-pybo3356]{position:fixed;inset:0;z-index:0;pointer-events:none}#pi-canvas[data-astro-cid-pybo3356]{width:100%;height:100%;display:block;opacity:1}@media(max-width:768px){#pi-canvas[data-astro-cid-pybo3356]{opacity:.5}}.pi-star{position:fixed;z-index:99999;pointer-events:none;top:-10px;left:-10px}.pi-star.hidden{display:none}.pi-star.flying{animation:starFly .9s cubic-bezier(.55,0,1,.45) forwards}.star-core{width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 12px 4px #38bdf899,0 0 30px 8px #818cf84d}.star-trail{position:absolute;top:1px;right:6px;width:60px;height:4px;background:linear-gradient(to left,rgba(56,189,248,.5),transparent);border-radius:2px;transform-origin:right center}@keyframes starFly{0%{top:-10px;left:-10px;opacity:0;transform:rotate(25deg) scale(.5)}8%{opacity:1;transform:rotate(25deg) scale(.8)}to{top:calc(50vh - 3px);left:calc(100vw - 30px);opacity:1;transform:rotate(25deg) scale(1.2)}}.pi-impact{position:fixed;right:0;top:50%;z-index:99998;pointer-events:none}.pi-impact.hidden{display:none}.pi-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#38bdf8;box-shadow:0 0 6px #38bdf899;animation:particleBurst .6s ease-out forwards}@keyframes particleBurst{0%{transform:translate(0) scale(1);opacity:1}to{opacity:0}}.pi-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9998;cursor:pointer;transition:all .3s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.pi-tab.hidden{transform:translateY(-50%) translate(100%);opacity:0;pointer-events:none}.pi-tab .tab-inner{width:36px;height:52px;display:flex;align-items:center;justify-content:center;background:#0f172abf;border:1px solid rgba(56,189,248,.12);border-right:none;border-radius:8px 0 0 8px;color:#38bdf859;backdrop-filter:blur(8px);transition:all .3s ease}.pi-tab:hover .tab-inner{width:40px;color:#38bdf899;background:#0f172ae6;border-color:#38bdf840}.pi-tab.active .tab-inner{color:#38bdf8b3;background:#0f172af2;border-color:#38bdf84d}.pi-tab.landing .tab-inner{animation:tabLand .5s ease-out}@keyframes tabLand{0%{transform:scale(1.4);box-shadow:0 0 20px #38bdf880}50%{transform:scale(.9)}to{transform:scale(1);box-shadow:none}}.pi-controls{position:fixed;right:16px;top:16px;z-index:9999;background:#080c18f5;backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.04);border-radius:14px;width:240px;max-height:calc(100vh - 32px);overflow-y:auto;pointer-events:auto;transform-origin:top right;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease,filter .3s ease;box-shadow:0 16px 48px #00000080,inset 0 1px #ffffff08}.pi-controls.hidden{transform:scale(.9);opacity:0;filter:blur(4px);pointer-events:none;transition:transform .2s cubic-bezier(.55,0,1,.45),opacity .15s ease,filter .15s ease}.pi-controls::-webkit-scrollbar{width:0}@media(max-width:767px){.pi-tab{min-width:44px;min-height:44px}.pi-tab .tab-inner{width:44px;height:56px}.pi-controls{right:1rem;left:1rem;top:auto;bottom:0;width:auto;max-width:calc(100vw - 2rem);max-height:70vh;transform-origin:bottom center;padding-bottom:env(safe-area-inset-bottom,0);border-radius:14px 14px 0 0;margin:0 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.pi-controls.hidden{transform:translateY(20px) scale(.98)}.ctrl-head,.ctrl-head:active{cursor:default}}.ctrl-head{padding:24px 20px 20px;text-align:center;position:relative;cursor:grab;user-select:none}.ctrl-head:active{cursor:grabbing}.ctrl-head:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.12),transparent)}.ctrl-pi{font-size:20px;font-family:Times New Roman,serif;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.5;margin-bottom:16px;letter-spacing:6px}.ctrl-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:linear-gradient(135deg,#38bdf81a,#818cf814);border:1px solid rgba(56,189,248,.12);margin-bottom:8px}.ctrl-pill .num{font-size:18px;font-weight:700;font-family:JetBrains Mono,monospace;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.ctrl-pill .txt{font-size:10px;color:#475569;font-family:JetBrains Mono,monospace}.ctrl-sub{font-size:9px;color:#334155;font-family:JetBrains Mono,monospace}.ctrl-body{padding:12px 16px 16px}.ctrl-div{display:flex;align-items:center;gap:8px;padding:10px 0 6px}.ctrl-div span{font-size:8px;font-weight:600;color:#293548;letter-spacing:2px;text-transform:uppercase;font-family:JetBrains Mono,monospace;white-space:nowrap}.ctrl-div:after{content:"";flex:1;height:1px;background:#ffffff08}.cr{display:flex;align-items:center;gap:6px;height:22px}.cr .l{font-size:11px;color:#3b4a61;font-family:JetBrains Mono,monospace;width:54px;flex-shrink:0;text-align:right}.cr input[type=range]{flex:1;height:2px;-webkit-appearance:none;appearance:none;background:#ffffff0f;border-radius:1px;outline:none;cursor:pointer}.cr input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:3px;height:12px;border-radius:1px;background:#334155;cursor:pointer;border:none;transition:background .15s,height .15s}.cr input[type=range]:hover::-webkit-slider-thumb{background:#475569;height:14px}.cr input[type=range]:active::-webkit-slider-thumb{background:#64748b;height:16px}.cr input[type=range]::-moz-range-thumb{width:3px;height:12px;border-radius:1px;background:#334155;cursor:pointer;border:none}.cr .v{font-size:10px;color:#3b4a61;font-family:JetBrains Mono,monospace;width:34px;flex-shrink:0;text-align:left;font-variant-numeric:tabular-nums}
