.sp{z-index:2;gap:18px;max-width:1180px;margin:0 auto;padding:100px clamp(16px,4vw,40px) 60px;display:grid;position:relative}.sp section{padding:0}.sp .sp-hero{background:linear-gradient(140deg, color-mix(in srgb, var(--c) 18%, #100c48b3), #080532bf);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 0 0 1px var(--line-2), 0 40px 100px -40px color-mix(in srgb, var(--c) 60%, transparent);border-radius:24px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px);padding:clamp(20px,3vw,36px);display:grid}.sp-head{justify-items:start;gap:10px;min-width:0;display:grid}.sp-head h1{overflow-wrap:anywhere;font-size:clamp(1.9rem,5vw,3.4rem);line-height:1.05}.sp-head .motd{max-width:100%;margin:4px 0 0}.sp-actions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.fav.on{color:#ff6fae;box-shadow:inset 0 0 0 1px #ff6fae99}.sp-cube{--s:clamp(110px, 16vw, 170px);width:var(--s);height:var(--s);perspective:700px}.cube3d{width:100%;height:100%;transform-style:preserve-3d;animation:14s linear infinite spcube;position:relative}.cube3d .f{border:2px solid var(--c);background:color-mix(in srgb, var(--c) 14%, #04002fbf);box-shadow:inset 0 0 40px color-mix(in srgb, var(--c) 45%, transparent), 0 0 30px color-mix(in srgb, var(--c) 35%, transparent);place-items:center;display:grid;position:absolute;inset:0}.cube3d .front{transform:translateZ(calc(var(--s) / 2))}.cube3d .back{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.cube3d .right{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.cube3d .left{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.cube3d .top{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.cube3d .bottom{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.cube3d .front img{width:64%;height:64%;image-rendering:pixelated;border-radius:8px}.cube3d .front b{font:800 calc(var(--s) * .42)/1 var(--display);color:#fff;text-shadow:0 0 24px var(--c)}@keyframes spcube{0%{transform:rotateX(-18deg)rotateY(-28deg)}50%{transform:rotateX(-24deg)rotateY(152deg)}to{transform:rotateX(-18deg)rotateY(332deg)}}.sp .sp-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0}.sp-tiles .tile b.sm{font-size:1.1rem;line-height:1.3}.sp-tiles small{font-size:.78rem}.sp .panel{padding:clamp(18px,2.5vw,26px)}.sp-chart .vhead{margin-bottom:12px}.sp-chart h2,.sp-grid h2{margin:0;font-size:1.25rem}.sp-chart .vhead p{margin:4px 0 0}.chart{width:100%;min-height:260px;position:relative}.chart svg{display:block;overflow:visible}.chart .grid{stroke:#8c96ff24;stroke-width:1px}.chart .ax{fill:var(--muted);font:500 11px var(--mono)}.chart .ln{fill:none;stroke:#2de2ff;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .dot{fill:#2de2ff;stroke:#0d0a4a;stroke-width:2px}.chart .lbl{fill:var(--text);font:600 11px var(--mono)}.chart .cross{stroke:#eceeff59;stroke-width:1px}.chart .hit{cursor:crosshair;touch-action:pan-y}.ctip{pointer-events:none;box-shadow:inset 0 0 0 1px var(--line-2), 0 10px 30px #00000080;white-space:nowrap;background:#0a0740f2;border-radius:10px;gap:2px;padding:9px 12px;font-size:.8rem;display:grid;position:absolute;top:0;left:0}.ctip[hidden]{display:none}.ctip span{color:var(--muted);font-size:.74rem}.chart-empty{text-align:center;place-items:center;gap:16px;min-height:260px;display:grid}.uptime-strip{gap:2px;height:14px;margin:14px 0 8px;display:flex}.uptime-strip i{opacity:.85;background:#4ade80;border-radius:3px;flex:1}.uptime-strip i.bad{background:#ff4d6d}.strip-legend{gap:16px;display:flex}.strip-legend i{vertical-align:-1px;background:#4ade80;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.strip-legend i.bad{background:#ff4d6d}.chart-table{margin-top:14px}.chart-table summary{cursor:pointer;color:var(--muted);font-size:.86rem}.chart-table .utable{margin-top:10px}.chart-table>div{max-height:300px;overflow:auto}.sp-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.sp-desc{color:#d3d5f7;margin:14px 0}.sp-dl{grid-template-columns:auto 1fr;gap:8px 18px;margin:18px 0;font-size:.9rem;display:grid}.sp-dl dt{color:var(--muted)}.sp-dl dd{overflow-wrap:anywhere;margin:0}.howto{box-shadow:inset 0 0 0 1px var(--line);background:#0003;border-radius:14px;padding:14px 16px}.howto h3{margin:0 0 6px;font-size:.95rem}.howto ol{color:#c3c6f0;margin:0;padding-left:20px;font-size:.9rem}.howto code{font-family:var(--mono);color:var(--cyan)}.link-btn{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.82rem;text-decoration:underline}.link-btn:hover{color:var(--text)}.link-btn.danger{color:#ff8aa0}.panel>.link-btn{margin-top:14px}.rv-sum{grid-template-columns:auto 1fr;align-items:center;gap:20px;margin:16px 0;display:grid}.rv-big{justify-items:center;gap:4px;display:grid}.rv-big b{font:800 2.6rem/1 var(--display)}.stars{color:#facc15;letter-spacing:2px;font-size:.9rem}.rv-dist{color:var(--muted);gap:4px;font-size:.78rem;display:grid}.rv-dist div{grid-template-columns:26px 1fr 26px;align-items:center;gap:8px;display:grid}.rv-dist i{background:#ffffff12;border-radius:4px;height:6px;overflow:hidden}.rv-dist em{background:#facc15;border-radius:4px;height:100%;display:block}.rv-form{gap:10px;margin:16px 0;display:grid}.rv-form textarea{box-shadow:inset 0 0 0 1px var(--line);color:var(--text);font:inherit;resize:vertical;background:#04002f99;border:0;border-radius:12px;outline:0;padding:12px 14px}.rv-form textarea:focus{box-shadow:inset 0 0 0 1px var(--cyan)}.star-pick{gap:4px;display:flex}.star-pick button{color:#ffffff2e;cursor:pointer;background:0 0;border:0;padding:2px;font-size:1.7rem;line-height:1;transition:color .15s}.star-pick button.on{color:#facc15;text-shadow:0 0 14px #facc1599}.star-pick:hover button{color:#facc15}.star-pick button:hover~button{color:#ffffff2e}.rv-list{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.rv-list li{box-shadow:inset 0 0 0 1px var(--line);background:#0000002e;border-radius:14px;padding:14px}.rv-list li.hidden-rv{opacity:.55}.rv-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rv-top .avatar{width:26px;height:26px;font-size:.75rem}.rv-list p{color:#d3d5f7;white-space:pre-line;overflow-wrap:anywhere;margin:8px 0 0;font-size:.92rem}.rv-actions{gap:14px;margin-top:8px;display:flex}@media (max-width:860px){.sp{padding-top:86px}.sp .sp-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.sp-head{justify-items:center}.sp-cube{margin-bottom:16px}.sp-actions{justify-content:center}.sp-grid{grid-template-columns:1fr}}.sp .sp-tiles .tile b{white-space:nowrap;font-size:clamp(1.2rem,2.3vw,2rem)}@media (max-width:860px){.sp .sp-tiles .tile b{font-size:clamp(1.2rem,5.6vw,1.8rem)}}