.app-state { max-width:45rem; margin:0 auto; padding:2rem 1rem; }
.app-placeholder { height:25rem; border-radius:1rem; background:rgba(140,150,170,.1); }
.app-state button { margin:1rem 0; padding:.6rem 1rem; border-radius:.5rem; cursor:pointer; }
.app-state a { display:block; }

.app-state {
  min-height: 100dvh;
  box-sizing: border-box;
  background: #fbfcff;
  border-radius: 24px;
  box-shadow: inset 0 0 0 1px #e3e5ea, 0 12px 40px rgba(25, 42, 81, .08);
}
:root.theme-dark .app-state {
  background: #1b222c;
  box-shadow: inset 0 0 0 1px #2e3036, 0 12px 40px rgba(0, 0, 0, .16);
}
@media (prefers-color-scheme: dark) {
  :root.theme-auto .app-state {
    background: #1e1f23;
    box-shadow: inset 0 0 0 1px #2e3036, 0 12px 40px rgba(0, 0, 0, .16);
  }
}