/* The small, render-blocking shell is visible before the application downloads. */
.im-boot{box-sizing:border-box;min-height:100dvh;margin:0;padding:4px;display:grid;grid-template-columns:204px minmax(0,1fr);gap:4px;background:#0b0c0d;color:#f5f5f5;font:14px/1.5 system-ui,-apple-system,sans-serif}.im-boot *{box-sizing:border-box}.im-boot a{color:inherit;text-decoration:none}.im-boot aside,.im-boot main{border:1px solid #ffffff0a;border-radius:16px;background:#131416}.im-boot aside{padding:20px 16px}.im-boot__brand{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;margin-bottom:32px}.im-boot__brand img{width:28px;height:28px}.im-boot nav{display:grid;gap:6px}.im-boot nav a{padding:12px;border-radius:10px;color:#a9aaaf}.im-boot nav a:first-child{background:#ffffff08}.im-boot main{min-width:0;background:#0f1113}.im-boot header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #ffffff10}.im-boot header span{font-size:12px;color:#9699a1}.im-boot__body{padding:24px}.im-boot__banner{height:220px;border-radius:12px;background:radial-gradient(ellipse at 75% 45%,#e5c9a810,transparent 60%),#191b20;margin-bottom:24px;display:flex;align-items:center;padding:32px}.im-boot__line{height:18px;width:160px;border-radius:5px;background:#30333b}.im-boot__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.im-boot__card{aspect-ratio:3/4;border-radius:12px;background:linear-gradient(125deg,#25282f,#202228)}.im-boot__label{margin:0 0 20px;font-size:22px;font-weight:600}body:has(.im-boot){margin:0;background:#0f1113}@media(max-width:760px){.im-boot{grid-template-columns:minmax(0,1fr)}.im-boot aside{display:contents}.im-boot__brand{display:none}.im-boot__body{padding:20px 12px}.im-boot__banner{height:190px}.im-boot__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

.im-boot header strong,.im-boot nav a{display:flex;align-items:center;gap:8px}
.im-boot nav a svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;fill:none}
@media(max-width:760px){
  .im-boot{padding:calc(4px + env(safe-area-inset-top)) 4px calc(78px + env(safe-area-inset-bottom))}
  .im-boot header{height:52px;padding-inline:12px}
  .im-boot header strong{font-size:17px}
  .im-boot nav{position:fixed;z-index:30;inset-inline:max(8px,env(safe-area-inset-left),env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));max-width:520px;margin-inline:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:4px;border:1px solid #ffffff38;border-radius:999px;background:#262329;box-shadow:inset 0 1px 0 #ffffff14,0 8px 24px #0006}
  .im-boot nav a,.im-boot nav a:first-child{flex-direction:column;justify-content:center;gap:4px;min-height:50px;padding:0;background:none;border-radius:999px;color:#eeeaf0;font-size:12px;font-weight:650}
  @supports (backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px)){
    .im-boot nav{background:linear-gradient(150deg,#59555d99,#211d25b8);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}
  }
}