*{box-sizing:border-box}html{background:#0a1021;color:#f4f5ff}body{margin:0;min-height:100vh;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 100% 0%,#29255a 0%,transparent 45%),#0a1021}button{font:inherit} .shell{max-width:760px;margin:auto;padding:calc(env(safe-area-inset-top) + 22px) 18px calc(env(safe-area-inset-bottom) + 28px)}.brand{display:flex;align-items:center;gap:13px;margin-bottom:25px}.brand img{border-radius:14px;box-shadow:0 5px 16px #0006}.brand h1{font-size:22px;line-height:1.2;margin:0}.brand p{font-size:13px;color:#a8b6d8;margin:4px 0 0}.phase{margin-left:auto;background:#302d62;border:1px solid #726ae0;color:#e8e2ff;border-radius:999px;padding:4px 9px;font-size:11px;letter-spacing:.08em;font-weight:800}.hero{border:1px solid #353d6b;border-radius:21px;padding:25px 23px;background:linear-gradient(140deg,#252c57,#151c37);box-shadow:0 10px 38px #0005}.eyebrow{color:#bda8ff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px}.hero h2{font-size:23px;line-height:1.18;margin:0 0 13px}.hero p:not(.eyebrow){color:#c4cde7;margin:0 0 18px}.pill{display:inline-flex;gap:6px;background:#233d35;color:#baf5d5;font-size:12px;font-weight:750;padding:7px 12px;border:1px solid #2b7357;border-radius:20px}.pill.offline{background:#423224;color:#ffd8ab;border-color:#806041}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:#161d38;border:1px solid #2c345a;padding:5px;border-radius:15px;margin-top:18px}.tab{border:0;border-radius:11px;background:transparent;color:#bac4e4;min-height:48px;font-size:14px;font-weight:650;cursor:pointer}.tab.active{background:#5747ad;color:#fff;box-shadow:0 3px 14px #0004}.tab:focus-visible{outline:2px solid #d5c4ff;outline-offset:2px}.panel{border:1px solid #2d365f;border-radius:18px;margin-top:15px;padding:27px 22px;min-height:195px;background:#141c35}.panel[hidden]{display:none}.panel h3{font-size:17px;margin:0 0 9px}.panel p{font-size:14px;color:#c0cbe6;line-height:1.65;margin:0}.empty-symbol{font-size:32px;color:#9d83ff;margin-bottom:9px}.setting-row{display:flex;justify-content:space-between;gap:8px;font-size:13px;border-top:1px solid #323a5b;padding:12px 0}.setting-row strong{text-align:right;color:#cbb9ff}.panel hr{border:0;border-top:1px solid #323a5b;margin:16px 0 6px}.panel .small-note{margin-top:16px;font-size:12px;color:#9fadd0}footer{text-align:center;font-size:12px;color:#8794b7;margin-top:23px}@media(min-width:650px){.shell{padding-top:55px}.hero h2{font-size:28px}}