:root{color:#f7f2ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 14% 12%,#985cff3d,#0000 28%),radial-gradient(circle at 82% 14%,#d76eff24,#0000 26%),radial-gradient(circle at 50% 100%,#4e14843d,#0000 46%),linear-gradient(#030207 0%,#09020f 42%,#0c0317 100%);font-family:Segoe UI,Inter,sans-serif}*{box-sizing:border-box}body{background:#030207;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{background:radial-gradient(circle at 18% 14%,#a062ff24,#0000 30%),radial-gradient(circle at 82% 20%,#cd5cff1f,#0000 30%),linear-gradient(#07030cfa,#0d0416fb);min-height:100vh;position:relative;overflow:hidden}.tech-grid,.trace-layer{z-index:0;pointer-events:none;position:fixed;inset:0}.tech-grid:before,.tech-grid:after{content:"";position:absolute;inset:0}.tech-grid:before{opacity:.42;background:repeating-linear-gradient(90deg,#ab81ff11 0 1px,#0000 1px 88px),repeating-linear-gradient(#ab81ff0d 0 1px,#0000 1px 88px)}.tech-grid:after{opacity:.35;background:linear-gradient(90deg,#0000 0%,#af67ff1a 50%,#0000 100%),linear-gradient(#0000 0%,#cb6cff14 48%,#0000 100%);-webkit-mask-image:radial-gradient(circle,#000 48%,#0000 100%);mask-image:radial-gradient(circle,#000 48%,#0000 100%)}.background-orb{z-index:0;filter:blur(90px);opacity:.45;pointer-events:none;border-radius:999px;width:38rem;height:38rem;position:fixed}.background-orb--left{background:#9058ff38;top:-10rem;left:-12rem}.background-orb--right{background:#c454ff29;top:10rem;right:-12rem}.trace{left:var(--trace-left);top:var(--trace-top);opacity:0;animation:trace-rail-fade calc(var(--trace-duration) + .42s) ease-in-out var(--trace-delay) 1 forwards;border-radius:999px;position:absolute;overflow:hidden}.trace-rail,.trace-glow{display:block;position:absolute}.trace--horizontal{width:var(--trace-length);height:2px}.trace--vertical{width:2px;height:var(--trace-length)}.trace-rail{border-radius:999px;inset:0}.trace--horizontal .trace-rail{background:linear-gradient(90deg,#522e9114,#a070ff57,#ea85ff38,#522e910a)}.trace--vertical .trace-rail{background:linear-gradient(#522e910f,#a070ff57,#ea85ff33,#522e910a)}.trace-glow{filter:blur(5px);opacity:0;border-radius:999px}.trace--horizontal .trace-glow{width:42px;height:16px;animation:trace-flow-x var(--trace-duration) linear var(--trace-delay) 1 forwards;background:linear-gradient(90deg,#0000 0%,#dcaeff14 18%,#dcaeffd1 50%,#ff96e6f0 66%,#0000 100%);top:50%;left:0}.trace--vertical .trace-glow{width:16px;height:42px;animation:trace-flow-y var(--trace-duration) linear var(--trace-delay) 1 forwards;background:linear-gradient(#0000 0%,#dcaeff14 18%,#dcaeffd1 50%,#ff96e6f0 66%,#0000 100%);top:0;left:50%}.layout{z-index:1;width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0 48px;position:relative}.hero-card,.feedback-card,.app-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#140a23cc,#0c0618cc);border:1px solid #d7b5ff1f;box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff0d}.hero-card{border-radius:28px;padding:24px}.hero-kicker{text-transform:uppercase;letter-spacing:.12em;color:#d8b7ff;font-size:.72rem}.hero-topline{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:10px;display:flex}.hero-card h1{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:.98}.hero-copy{color:#ece2f8c2;max-width:62ch;margin:14px 0 0;line-height:1.6}.refresh-button{color:#f7efff;background:#26123ae6;border:1px solid #d4a4ff38;border-radius:999px;padding:10px 16px;transition:transform .16s,border-color .16s,background .16s}.refresh-button:hover:not(:disabled){background:#34184dfa;border-color:#ebb9ff8f;transform:translateY(-1px)}.refresh-button:disabled{opacity:.7;cursor:default}.feedback-card{border-radius:22px;margin-top:18px;padding:18px}.feedback-card--error{border-color:#ff789047}.feedback-card strong{margin-bottom:6px;display:block}.feedback-card p{color:#ede3f9b8;margin:0;line-height:1.6}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.app-card{aspect-ratio:1;border-radius:24px;grid-template-rows:auto 1fr auto;gap:12px;min-height:0;padding:18px;transition:transform .18s,border-color .18s,background .18s;display:grid}.app-card:hover{background:linear-gradient(#1d0d30e0,#10081fe0);border-color:#d8a6ff61;transform:translateY(-3px)}.app-card--skeleton{aspect-ratio:1;background:linear-gradient(90deg,#ffffff08,#d6aaff17,#ffffff08) 0 0/200% 100%;animation:1.3s linear infinite shimmer}.app-card-topline{justify-content:flex-end;align-items:center;gap:12px;display:flex}.status-dot{border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 5px #ffffff0a}.status-dot--online{background:#54e2a3;box-shadow:0 0 0 5px #54e2a31f,0 0 18px #54e2a359}.status-dot--offline{background:#ff7c92;box-shadow:0 0 0 5px #ff7c921f,0 0 18px #ff7c9247}.app-card-visual{place-items:center;min-height:104px;display:grid}.app-icon{background:#ffffff0a;border:1px solid #dbbbff1a;border-radius:24px;place-items:center;width:86px;height:86px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 12px 28px #19062b57}.app-icon-image{object-fit:cover;width:100%;height:100%;display:block}.app-icon--fallback{background:radial-gradient(circle at 0 0,#d09fff2e,#0000 55%),linear-gradient(#2c1242f5,#110820fa);grid-template-columns:repeat(2,1fr);gap:10px;padding:18px}.app-icon--fallback span{opacity:.95;background:linear-gradient(135deg,#ddb2fff5,#ff8de2e0);border-radius:12px;width:100%;height:100%}.app-card-body h2{text-align:center;text-wrap:balance;margin:0;font-size:1.1rem;line-height:1.2}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes trace-flow-x{0%{opacity:0;transform:translate(-100%,-50%)}18%{opacity:1}82%{opacity:1}to{transform:translate(calc(var(--trace-length) - 14px), -50%);opacity:0}}@keyframes trace-flow-y{0%{opacity:0;transform:translate(-50%,-100%)}18%{opacity:1}82%{opacity:1}to{transform:translate(-50%, calc(var(--trace-length) - 14px));opacity:0}}@keyframes trace-rail-fade{0%{opacity:0}14%{opacity:.88}86%{opacity:.88}to{opacity:0}}@media (width<=1080px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.layout{width:min(100% - 20px,100%);padding:20px 0 36px}.hero-topline{grid-template-columns:1fr;display:grid}.hero-card,.feedback-card,.app-card{border-radius:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.grid{grid-template-columns:1fr}}